js实现页面刷新滚动条位置不变
今天因为这个问题困扰了很久网上的例子都尝试没效果，后来发现一点原来是内容最外层没有div的原因
<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="SpotChkDetail.aspx.cs"Inherits="Topevery.DUM.Web.Observer.SpotChkDetail"%>
<scriptrunat="server">
protectedoverrideboolHeaderScriptFilter(Topevery.Framework.Web.Configuration.Scriptval)
{
switch(val.Key)
{
case"ajaxpro2.prototype":
case"ajaxpro2.core":
case"ajaxpro2.converter":
case"ajaxpro2.onloading":
case"ajaxpro2.assembly.AjaxFunction":
case"my97":
case"image":
case"jquery.pagination":
case"jquery.jqGrid.locale":
case"jquery.jqGrid":
case"jquery-load-image":
case"jquery.validationEngine":
case"jquery.validationEngine-zh":
case"WeiBo":
case"jquery.mousewheel":
case"jquery.iviewer":
case"jquery.gallery.singer":
returntrue;
default:
returnbase.HeaderScriptFilter(val);
}
}
protectedoverrideboolHeaderStyleFilter(Topevery.Framework.Web.Configuration.Styleval)
{
switch(val.Key)
{
case"jqgrid":
case"jqgrid-grey":
case"validationEngine":
returntrue;
default:
returnbase.HeaderStyleFilter(val);
}
}
</script>
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title></title>
</head>
<bodyid="bbdy">
<formid="form1"runat="server">
<div>
<divclass="TUI-layout-north">
<divclass="TUI-title">
<spanclass="TUI-icoico-note"></span><strong>抽查</strong>
</div>
<divclass=""style="float:right;margin-top:-30px;z-index:99999;position:relative;">
<objectid="WebBrowser"classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"height="0"width="0">
</object>
<inputtype="button"class="TUI-button"value="打印"onclick="document.all.WebBrowser.ExecWB(6,1)"id="Button2"/>
<inputtype="button"class="TUI-button"value="打印预览"onclick="document.all.WebBrowser.ExecWB(7,1)"/>
</div>
<divclass="TUI-alert">
<spanclass="ml10px">抽查时间：<asp:LabelID="lbBeginDate"runat="server"Text="Label"></asp:Label>
失效时间：<asp:LabelID="lbEndDate"runat="server"Text="Label"></asp:Label>
消息内容：<asp:LabelID="lbContent"runat="server"Text="Label"></asp:Label></span>
<divstyle="display:none">
<asp:ButtonID="btnRef"runat="server"OnClick="btnRef_Click"Text="刷新"/>
</div>
</div>
</div>
<divclass="TUI-layout-center">
<divclass="TUI-contentTUI-h100TUI-of-autoTUI-align-center">
<asp:RepeaterID="Repeater1"runat="server"OnItemDataBound="Repeater1_ItemDataBound">
<%--OnItemCommand="Repeater1_ItemCommand"--%>
<HeaderTemplate>
<tableclass="TUI-grid-listw100"id="observers">
<tr>
<thstyle="width:150px">巡查员头像
</th>
<thstyle="width:80px">姓名
</th>
<thstyle="width:120px">是否超时
</th>
<%--<thstyle="width:110px">城管通号码
</th>
<thstyle="width:110px">城管通版本
</th>--%>
<thstyle="width:100px">消息状态
</th>
<thstyle="width:100px">审核状态
</th>
<thstyle="width:150px">审核
</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<trclass="people_title_td">
<tdrowspan="2"valign="middle"style="width:110px">
<imgid="img_observer_poto"runat="server"height="135"style="border:1pxsolid#bababa;"width="100"/>
</td>
<tdstyle="width:60px">
<%#Eval("c_name")%>
<asp:HiddenFieldID="hfObId"runat="server"Value='<%#Eval("c_ob_id")%>'/>
<asp:HiddenFieldID="hfId"runat="server"Value='<%#Eval("c_id")%>'/>
</td>
<tdstyle="width:100px">
<%#Eval("c_is_over_time")%>
</td>
<%--<tdstyle="width:110px">
<%#Eval("c_pda_number")%>
</td>
<tdstyle="width:110px">
<%#Eval("c_pda_version")%>
</td>--%>
<tdstyle="width:90px">
<%#Eval("notify_state")%>
</td>
<tdstyle="width:90px">
<%#Eval("eligible_state")%>
</td>
<tdstyle="width:150px;">
<divstyle="display:<%#Eval("c_is_eligible").ToString()!="0"?"none":""%>">
<%--<asp:LinkButtonID="LinkButton1"runat="server"CommandName="lnk_poto"CommandArgument='<%#Eval("c_id")%>'>重摄</asp:LinkButton>
<asp:LinkButtonID="LinkButton2"runat="server"CommandName="lnk_ok"CommandArgument='<%#Eval("c_id")%>'>合格</asp:LinkButton>
<asp:LinkButtonID="LinkButton3"runat="server"CommandName="lnk_no"CommandArgument='<%#Eval("c_id")%>'>不合格</asp:LinkButton>--%>
<ahref='#'onclick='review(<%#Eval("c_id")%>,0,"重摄")'class='TUI-toolbar-btn'><span></span>重摄</a>
<ahref='#'id="qualified"onclick='review(<%#Eval("c_id")%>,1,"合格")'class='TUI-toolbar-btn'><span></span>合格</a>
<ahref='#'id="Unqualified"onclick='review(<%#Eval("c_id")%>,2,"不合格")'class='TUI-toolbar-btn'><span></span>不合格</a>
</div>
</td>
</tr>
<trclass="alt_tr2">
<tdcolspan="5"style="height:160px;text-align:left">
<tableclass="choucha-table">
<tr>
<asp:RepeaterID="rptImg"runat="server">
<ItemTemplate>
<td>
<divclass="div_imgTUI-notelist-containerTUI-gallerychoucha-img">
<divid='imge'+'<%#Eval("FileId")%>'>
<divclass="TUI-gallery-contentTUI-gallery-img">
<atitle='点击放大'href="javascript:void(0)"
sourceSrc='<%#Eval("Imageurl")%>'largeSrc='<%#Eval("Imageurl")%>'><imgsrc='<%#Eval("Imagethumbil")%>'/><span><%#Eval("Summary")%></span></a>
</div>
</div>
</div>
</td>
</ItemTemplate>
</asp:Repeater>
</tr>
</table>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
<inputtype="hidden"id="hdnvalue"runat="server"value="0"/><!----存放scorllTop值-->
</div>
</div>
</div>
<scripttype="text/javascript">
$(document).ready(function(){
TUILayout("form");
//LoadImage();
$(".div_img").gallery({
gallerySize:{width:90,height:120},
fullView:"true"//ture为允许点击图像全屏浏览
});
});
functionLoadImage(){
varjq_o_list=$("#observersdiv[@ref_id]");
for(vari=0;i<jq_o_list.length;i++){
load_to(jq_o_list[i]);
}
}
functionload_to(obj){
varjq_o=$(obj);
Topevery.DUM.Web.AjaxFunction.GetEvtDefault(jq_o.attr("ref_id"),function(ajaxResult){
varval=ajaxResult.value;
jq_o.empty();
jq_o.append(val.Html);
});
}
//$("#div_evt_img").gallery({
//images:evt_img_list,
//thumbSize:{width:65,height:60},//缩略图大小
//gallerySize:{width:380,height:280},//画廊图（中间大图）大小
//thumbDisplayNum:4,//缩略图显示数量
//scalingSize:{width:360,height:260},//画廊图（中间大图）自动比例缩放最大大小
//fullView:"true"//ture为允许点击图像全屏浏览
//});
functionReminder(){
NotSelectEvt("已经再次发送消息通知巡查员！");
}
functionreview(id,type,content){
if(confirmL("确认"+content+"吗？",function(){
Topevery.DUM.Web.AjaxFunction.ReviewImg(id,type);
$("#btnRef").click();
})){
}
}
</script>
</form>
</body>
</html>
<scripttype="text/javascript">
window.onbeforeunload=function(){
varscrollPos;
if(typeofwindow.pageYOffset!='undefined'){
scrollPos=window.pageYOffset;
}
elseif(typeofdocument.compatMode!='undefined'&&
document.compatMode!='BackCompat'){
scrollPos=document.documentElement.scrollTop;
}
elseif(typeofdocument.body!='undefined'){
scrollPos=document.body.scrollTop;
}
document.cookie="scrollTop="+scrollPos;//存储滚动条位置到cookies中
}
window.onload=function(){
if(document.cookie.match(/scrollTop=([^;]+)(;|$)/)!=null){
vararr=document.cookie.match(/scrollTop=([^;]+)(;|$)/);//cookies中不为空，则读取滚动条位置
document.documentElement.scrollTop=parseInt(arr[1]);
document.body.scrollTop=parseInt(arr[1]);
}
}
</script>
以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持毛票票！