首页 > 编程 > JavaScript > 正文

js实现页面刷新滚动条位置不变

2019-11-19 18:48:34
字体:
来源:转载
供稿:网友

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

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SpotChkDetail.aspx.cs" Inherits="Topevery.DUM.Web.Observer.SpotChkDetail" %><script runat="server">  protected override bool HeaderScriptFilter(Topevery.Framework.Web.Configuration.Script val)  {    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":        return true;      default:        return base.HeaderScriptFilter(val);    }  }  protected override bool HeaderStyleFilter(Topevery.Framework.Web.Configuration.Style val)  {    switch (val.Key)    {      case "jqgrid":      case "jqgrid-grey":      case "validationEngine":        return true;      default:        return base.HeaderStyleFilter(val);    }  }</script><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title></title></head><body id="bbdy">  <form id="form1" runat="server">    <div>    <div class="TUI-layout-north">      <div class="TUI-title">        <span class="TUI-ico ico-note"></span><strong>抽查</strong>      </div>      <div class="" style="float: right; margin-top: -30px; z-index: 99999; position: relative;">        <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0">        </object>        <input type="button" class="TUI-button" value="打 印" onclick="document.all.WebBrowser.ExecWB(6, 1)" id="Button2" />        <input type="button" class="TUI-button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7, 1)" />      </div>      <div class="TUI-alert">        <span class="ml10px">抽查时间:<asp:Label ID="lbBeginDate" runat="server" Text="Label"></asp:Label>            失效时间:<asp:Label ID="lbEndDate" runat="server" Text="Label"></asp:Label>            消息内容:<asp:Label ID="lbContent" runat="server" Text="Label"></asp:Label></span>        <div style="display: none">                <asp:Button ID="btnRef" runat="server" OnClick="btnRef_Click" Text="刷新" />              </div>      </div>    </div>    <div class="TUI-layout-center">      <div class="TUI-content TUI-h100 TUI-of-auto TUI-align-center">        <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">          <%--OnItemCommand="Repeater1_ItemCommand"--%>          <HeaderTemplate>            <table class="TUI-grid-list w100" id="observers">              <tr>                <th style="width: 150px">巡查员头像                </th>                <th style="width: 80px">姓 名                </th>                <th style="width: 120px">是否超时                </th>                <%--<th style="width: 110px">城管通号码                </th>                <th style="width: 110px">城管通版本                </th>--%>                <th style="width: 100px">消息状态                </th>                <th style="width: 100px">审核状态                </th>                <th style="width:150px">审核                </th>              </tr>          </HeaderTemplate>          <ItemTemplate>            <tr class="people_title_td">              <td rowspan="2" valign="middle" style="width: 110px">                <img id="img_observer_poto" runat="server" height="135" style="border: 1px solid #bababa;" width="100" />              </td>              <td style="width: 60px">                <%# Eval("c_name")%>                   <asp:HiddenField ID="hfObId" runat="server" Value='<%# Eval("c_ob_id") %>' />                <asp:HiddenField ID="hfId" runat="server" Value='<%# Eval("c_id") %>' />              </td>              <td style="width: 100px">                <%# Eval("c_is_over_time")%>               </td>              <%--<td style="width: 110px">                <%# Eval("c_pda_number")%>               </td>              <td style="width: 110px">                <%# Eval("c_pda_version")%>               </td>--%>              <td style="width: 90px">                <%# Eval("notify_state")%>               </td>              <td style="width: 90px">                <%# Eval("eligible_state")%>               </td>              <td style="width:150px;">                <div style="display:<%# Eval("c_is_eligible").ToString() !="0"?"none":"" %>">                <%--<asp:LinkButton ID="LinkButton1" runat="server" CommandName="lnk_poto" CommandArgument='<%# Eval("c_id") %>'>重摄</asp:LinkButton>                <asp:LinkButton ID="LinkButton2" runat="server" CommandName="lnk_ok" CommandArgument='<%# Eval("c_id") %>'>合格</asp:LinkButton>                <asp:LinkButton ID="LinkButton3" runat="server" CommandName="lnk_no" CommandArgument='<%# Eval("c_id") %>'>不合格</asp:LinkButton>--%>                               <a href='#' onclick='review(<%# Eval("c_id") %>,0,"重摄")' class='TUI-toolbar-btn'><span></span>重摄</a>                <a href='#' id="qualified" onclick='review(<%# Eval("c_id") %>,1,"合格")' class='TUI-toolbar-btn'><span></span>合格</a>                <a href='#' id="Unqualified" onclick='review(<%# Eval("c_id") %>,2,"不合格")' class='TUI-toolbar-btn'><span></span>不合格</a>                                  </div>              </td>            </tr>            <tr class="alt_tr2">              <td colspan="5" style="height: 160px; text-align: left">                <table class="choucha-table">                  <tr>                    <asp:Repeater ID="rptImg" runat="server">                      <ItemTemplate>                        <td>                          <div class="div_img TUI-notelist-container TUI-gallery choucha-img">                            <div id='imge'+'<%#Eval("FileId") %>'>                                <div class="TUI-gallery-content TUI-gallery-img">                                  <a title='点击放大' href="javascript:void(0)"                                    sourceSrc='<%#Eval("Imageurl") %>' largeSrc='<%#Eval("Imageurl") %>'><img src='<%#Eval("Imagethumbil") %>' /><span><%#Eval("Summary") %></span></a>                                </div>                            </div>                          </div>                        </td>                      </ItemTemplate>                    </asp:Repeater>                  </tr>                </table>              </td>            </tr>          </ItemTemplate>          <FooterTemplate>            </table>          </FooterTemplate>        </asp:Repeater>        <input type="hidden" id="hdnvalue" runat="server" value="0" /><!----存放scorllTop值-->      </div>    </div>    </div>    <script type="text/javascript">      $(document).ready(function () {        TUILayout("form");        //LoadImage();        $(".div_img").gallery({          gallerySize: { width: 90, height: 120 },          fullView: "true" //ture为允许点击图像全屏浏览        });      });      function LoadImage() {        var jq_o_list = $("#observers div[@ref_id]");        for (var i = 0 ; i < jq_o_list.length; i++) {          load_to(jq_o_list[i]);        }      }      function load_to(obj) {        var jq_o = $(obj);        Topevery.DUM.Web.AjaxFunction.GetEvtDefault(jq_o.attr("ref_id"), function (ajaxResult) {          var val = 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为允许点击图像全屏浏览      //});      function Reminder() {        NotSelectEvt("已经再次发送消息通知巡查员!");      }      function review(id, type, content) {        if (confirmL("确认" + content + "吗?", function () {            Topevery.DUM.Web.AjaxFunction.ReviewImg(id, type);            $("#btnRef").click();        })) {        }      }    </script>      </form></body></html><script type="text/javascript">  window.onbeforeunload = function () {    var scrollPos;    if (typeof window.pageYOffset != 'undefined') {      scrollPos = window.pageYOffset;    }    else if (typeof document.compatMode != 'undefined' &&      document.compatMode != 'BackCompat') {      scrollPos = document.documentElement.scrollTop;    }    else if (typeof document.body != 'undefined') {      scrollPos = document.body.scrollTop;    }    document.cookie = "scrollTop=" + scrollPos; //存储滚动条位置到cookies中  }  window.onload = function () {    if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {      var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空,则读取滚动条位置      document.documentElement.scrollTop = parseInt(arr[1]);      document.body.scrollTop = parseInt(arr[1]);    }  }    </script>

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持武林网!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表