页面刷新滚动条位置不变

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

时间: 2024-10-08 09:46:20

页面刷新滚动条位置不变的相关文章

js实现div滚动条在页面刷新 滚动条位置固定

思想:1.通过div的onscroll事件记录滚动条的scrollTop值,设置到document.cookie 2.页面加载时再读取document.cookie的值,设置给div的scrollTop js代码实现: function KeepScrollBar() { var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof

页面刷新后让其回到滚动条原来的位置

设计一个刷新时记录滚动条位置的隐藏域: <ul class="pos-scroll btdatalist" id="bertList"> </ul> <input id="divScrollValue" type="hidden" value="0" /> js: function getSectionBaseInfo(){ //刷新后回到原来的滚动条位置document

页面刷新跳转后,导航栏高亮显示跳转前的点击位置

需求:比如有一个二级或三四级的菜单栏,页面不跳转时实现高亮显示是很容易的,网上有很多这样的素材.但是页面一跳转,新页面可就记不住你在上一个页面点击的位置了,也就不可能高亮显示.并且很多时候,跳转后的页面菜单栏是后台动态生成的,也就是菜单栏栏目不固定,那么就不可能给菜单栏高亮效果写死.不知道这个事利用前后台交互去做会不会容易点,但是现在是要用纯前台实现. 实现原理一:这时候必须找个地方给它把点击的位置存起来,等页面跳转后,从那个地方把标记取出来,再给导航相应的位置做高亮处理就好了. 方法1:利用

js获取页面窗口大小以及滚动条位置

function getPageScroll() {         var xScroll, yScroll;         if (self.pageYOffset) {             yScroll = self.pageYOffset;             xScroll = self.pageXOffset;         } else if (document.documentElement && document.documentElement.scroll

用Javascript获取页面元素的位置

制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和CSS样式表决定. 浏览器窗口的大小,则是指在浏览器窗口中看到的那部分网页面积,又叫做viewport(视口). 很显然,如果网页的内容能够在浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的.如果不能全部显示,

[转载]用Javascript获取页面元素的位置

原文地址:http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html 制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和CSS样式表决定. 浏览器窗口的大小,则是指在浏览器窗口中看到的那

WebStorage记录滚动条位置

因关注公众号<HTML5学堂>看到这篇文章 "利用本地存储,记录滚动条的位置" ,便好奇敲来试试,然后又看了一些关于WebStorage的资料 附上这篇文章的地址 https://mp.weixin.qq.com/s/z34GRUZvDU2hCbH6Kc_ZDA 与大家共勉. 在网上搜了一些记录滚动条位置的文章,大多是用cookie来记录,下边我就自己看到的资料与大家分析cookie与webstorage的区别.   优点 缺点 应用场景 Cookie 简单易用 安全性差,

用getBoundingClientRect()来获取页面元素的位置

以前绝大多数的使用下面的代码来获取页面元素的位置: [code="javascript"]var _x = 0, _y = 0;do{_x += el.offsetLeft;_y += el.offsetTop;}while(el=el.offsetParent);return {x:_x,y:_y};[/code] 这里有个"offsetParent"问题,所以要写很多兼容的代码,经过不懈的查找终于找到getBoundingClientRect():该方法获得页面

打开页面div滚动条定位(别用锚点)

来啦!客官久等了!!!!! 上代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>打开页面div滚动条定位</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <s