页面刷新滚动条位置不变

时间:2022-12-01 10:29:23

今天因为这个问题困扰了很久网上的例子都尝试没效果,后来发现一点原来是内容最外层没有div的原因

页面刷新滚动条位置不变页面刷新滚动条位置不变
  1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SpotChkDetail.aspx.cs" Inherits="Topevery.DUM.Web.Observer.SpotChkDetail" %>
2
3 <script runat="server">
4 protected override bool HeaderScriptFilter(Topevery.Framework.Web.Configuration.Script val)
5 {
6 switch (val.Key)
7 {
8 case "ajaxpro2.prototype":
9 case "ajaxpro2.core":
10 case "ajaxpro2.converter":
11 case "ajaxpro2.onloading":
12 case "ajaxpro2.assembly.AjaxFunction":
13 case "my97":
14 case "image":
15 case "jquery.pagination":
16 case "jquery.jqGrid.locale":
17 case "jquery.jqGrid":
18 case "jquery-load-image":
19 case "jquery.validationEngine":
20 case "jquery.validationEngine-zh":
21 case "WeiBo":
22 case "jquery.mousewheel":
23 case "jquery.iviewer":
24 case "jquery.gallery.singer":
25 return true;
26 default:
27 return base.HeaderScriptFilter(val);
28 }
29 }
30
31 protected override bool HeaderStyleFilter(Topevery.Framework.Web.Configuration.Style val)
32 {
33 switch (val.Key)
34 {
35 case "jqgrid":
36 case "jqgrid-grey":
37 case "validationEngine":
38 return true;
39 default:
40 return base.HeaderStyleFilter(val);
41 }
42 }
43 </script>
44 <!DOCTYPE html>
45
46 <html xmlns="http://www.w3.org/1999/xhtml">
47 <head runat="server">
48 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
49 <title></title>
50 </head>
51 <body id="bbdy">
52 <form id="form1" runat="server">
53 <div>
54 <div class="TUI-layout-north">
55 <div class="TUI-title">
56 <span class="TUI-ico ico-note"></span><strong>抽查</strong>
57 </div>
58 <div class="" style="float: right; margin-top: -30px; z-index: 99999; position: relative;">
59 <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0">
60 </object>
61 <input type="button" class="TUI-button" value="打 印" onclick="document.all.WebBrowser.ExecWB(6, 1)" id="Button2" />
62 <input type="button" class="TUI-button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7, 1)" />
63 </div>
64
65
66
67 <div class="TUI-alert">
68 <span class="ml10px">抽查时间:<asp:Label ID="lbBeginDate" runat="server" Text="Label"></asp:Label>&nbsp;&nbsp;
69 失效时间:<asp:Label ID="lbEndDate" runat="server" Text="Label"></asp:Label>&nbsp;&nbsp;
70 消息内容:<asp:Label ID="lbContent" runat="server" Text="Label"></asp:Label></span>
71 <div style="display: none">
72 <asp:Button ID="btnRef" runat="server" OnClick="btnRef_Click" Text="刷新" />
73 </div>
74 </div>
75 </div>
76 <div class="TUI-layout-center">
77 <div class="TUI-content TUI-h100 TUI-of-auto TUI-align-center">
78 <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
79 <%--OnItemCommand="Repeater1_ItemCommand"--%>
80 <HeaderTemplate>
81 <table class="TUI-grid-list w100" id="observers">
82 <tr>
83 <th style="width: 150px">巡查员头像
84 </th>
85 <th style="width: 80px">姓 名
86 </th>
87 <th style="width: 120px">是否超时
88 </th>
89 <%--<th style="width: 110px">城管通号码
90 </th>
91 <th style="width: 110px">城管通版本
92 </th>--%>
93 <th style="width: 100px">消息状态
94 </th>
95 <th style="width: 100px">审核状态
96 </th>
97 <th style="width:150px">审核
98 </th>
99 </tr>
100 </HeaderTemplate>
101 <ItemTemplate>
102 <tr class="people_title_td">
103 <td rowspan="2" valign="middle" style="width: 110px">
104 <img id="img_observer_poto" runat="server" height="135" style="border: 1px solid #bababa;" width="100" />
105 </td>
106 <td style="width: 60px">
107 <%# Eval("c_name")%>&nbsp;
108 <asp:HiddenField ID="hfObId" runat="server" Value='<%# Eval("c_ob_id") %>' />
109 <asp:HiddenField ID="hfId" runat="server" Value='<%# Eval("c_id") %>' />
110 </td>
111 <td style="width: 100px">
112 <%# Eval("c_is_over_time")%>&nbsp;
113 </td>
114 <%--<td style="width: 110px">
115 <%# Eval("c_pda_number")%>&nbsp;
116 </td>
117 <td style="width: 110px">
118 <%# Eval("c_pda_version")%>&nbsp;
119 </td>--%>
120 <td style="width: 90px">
121 <%# Eval("notify_state")%>&nbsp;
122 </td>
123 <td style="width: 90px">
124 <%# Eval("eligible_state")%>&nbsp;
125 </td>
126 <td style="width:150px;">
127 <div style="display:<%# Eval("c_is_eligible").ToString() !="0"?"none":"" %>">
128 <%--<asp:LinkButton ID="LinkButton1" runat="server" CommandName="lnk_poto" CommandArgument='<%# Eval("c_id") %>'>重摄</asp:LinkButton>
129 <asp:LinkButton ID="LinkButton2" runat="server" CommandName="lnk_ok" CommandArgument='<%# Eval("c_id") %>'>合格</asp:LinkButton>
130 <asp:LinkButton ID="LinkButton3" runat="server" CommandName="lnk_no" CommandArgument='<%# Eval("c_id") %>'>不合格</asp:LinkButton>--%>
131
132 <a href='#' onclick='review(<%# Eval("c_id") %>,0,"重摄")' class='TUI-toolbar-btn'><span></span>重摄</a>
133 <a href='#' id="qualified" onclick='review(<%# Eval("c_id") %>,1,"合格")' class='TUI-toolbar-btn'><span></span>合格</a>
134 <a href='#' id="Unqualified" onclick='review(<%# Eval("c_id") %>,2,"不合格")' class='TUI-toolbar-btn'><span></span>不合格</a>
135
136 </div>
137 </td>
138 </tr>
139 <tr class="alt_tr2">
140 <td colspan="5" style="height: 160px; text-align: left">
141 <table class="choucha-table">
142 <tr>
143 <asp:Repeater ID="rptImg" runat="server">
144 <ItemTemplate>
145 <td>
146 <div class="div_img TUI-notelist-container TUI-gallery choucha-img">
147 <div id='imge'+'<%#Eval("FileId") %>'>
148 <div class="TUI-gallery-content TUI-gallery-img">
149 <a title='点击放大' href="javascript:void(0)"
150 sourceSrc='<%#Eval("Imageurl") %>' largeSrc='<%#Eval("Imageurl") %>'><img src='<%#Eval("Imagethumbil") %>' /><span><%#Eval("Summary") %></span></a>
151 </div>
152 </div>
153 </div>
154 </td>
155 </ItemTemplate>
156 </asp:Repeater>
157 </tr>
158 </table>
159 </td>
160 </tr>
161 </ItemTemplate>
162 <FooterTemplate>
163 </table>
164 </FooterTemplate>
165 </asp:Repeater>
166 <input type="hidden" id="hdnvalue" runat="server" value="0" /><!----存放scorllTop值-->
167 </div>
168 </div>
169 </div>
170 <script type="text/javascript">
171 $(document).ready(function () {
172 TUILayout("form");
173 //LoadImage();
174 $(".div_img").gallery({
175 gallerySize: { width: 90, height: 120 },
176 fullView: "true" //ture为允许点击图像全屏浏览
177 });
178
179 });
180 function LoadImage() {
181 var jq_o_list = $("#observers div[@ref_id]");
182
183 for (var i = 0 ; i < jq_o_list.length; i++) {
184 load_to(jq_o_list[i]);
185 }
186 }
187
188 function load_to(obj) {
189 var jq_o = $(obj);
190 Topevery.DUM.Web.AjaxFunction.GetEvtDefault(jq_o.attr("ref_id"), function (ajaxResult) {
191 var val = ajaxResult.value;
192 jq_o.empty();
193 jq_o.append(val.Html);
194 });
195 }
196
197 //$("#div_evt_img").gallery({
198 // images: evt_img_list,
199 // thumbSize: { width: 65, height: 60 },//缩略图大小
200 // gallerySize: { width: 380, height: 280 },//画廊图(中间大图)大小
201 // thumbDisplayNum: 4,//缩略图显示数量
202 // scalingSize: { width: 360, height: 260 },//画廊图(中间大图)自动比例缩放最大大小
203 // fullView: "true" //ture为允许点击图像全屏浏览
204 //});
205
206 function Reminder() {
207 NotSelectEvt("已经再次发送消息通知巡查员!");
208 }
209
210 function review(id, type, content) {
211 if (confirmL("确认" + content + "吗?", function () {
212 Topevery.DUM.Web.AjaxFunction.ReviewImg(id, type);
213 $("#btnRef").click();
214
215 })) {
216 }
217 }
218 </script>
219
220 </form>
221 </body>
222 </html>
223 <script type="text/javascript">
224 window.onbeforeunload = function () {
225 var scrollPos;
226 if (typeof window.pageYOffset != 'undefined') {
227 scrollPos = window.pageYOffset;
228 }
229 else if (typeof document.compatMode != 'undefined' &&
230 document.compatMode != 'BackCompat') {
231 scrollPos = document.documentElement.scrollTop;
232 }
233 else if (typeof document.body != 'undefined') {
234 scrollPos = document.body.scrollTop;
235 }
236 document.cookie = "scrollTop=" + scrollPos; //存储滚动条位置到cookies中
237 }
238
239 window.onload = function () {
240 if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
241 var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空,则读取滚动条位置
242 document.documentElement.scrollTop = parseInt(arr[1]);
243 document.body.scrollTop = parseInt(arr[1]);
244 }
245 }
246 </script>
View Code