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


Posted in Javascript onNovember 27, 2016

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

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
Javascript Select操作大集合
May 26 Javascript
JQuery实现表格中相同单元格合并示例代码
Jun 26 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
Sep 12 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 Javascript
jquery 获取select数组与name数组长度的实现代码
Jun 20 Javascript
简单实现js间歇或无缝滚动效果
Jun 29 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
vue父组件通过props如何向子组件传递方法详解
Aug 16 Javascript
判断div滑动到底部的scroll实例代码
Nov 15 Javascript
微信小程序实现横向增长表格的方法
Jul 24 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
Oct 31 Javascript
Javascrip实现文字跳动特效
Nov 27 #Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
Nov 27 #Javascript
Angularjs之filter过滤器(推荐)
Nov 27 #Javascript
Web前端开发之水印、图片验证码
Nov 27 #Javascript
jQuery时间日期三级联动(推荐)
Nov 27 #Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 #Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 #Javascript
You might like
php addslashes及其他清除空格的方法是不安全的
2012/01/25 PHP
php数组转换js数组操作及json_encode的用法详解
2013/10/26 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
php实现的RSS生成类实例
2015/04/23 PHP
如何通过Linux命令行使用和运行PHP脚本
2015/07/29 PHP
ECSHOP在PHP5.5及高版本上报错的解决方法
2015/08/31 PHP
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
jQuery 加上最后自己的验证
2009/11/04 Javascript
JavaScript 高效运行代码分析
2010/03/18 Javascript
javascript工具库代码
2012/03/29 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
layui实现点击按钮给table添加一行
2018/08/10 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
JS实现“全选”和&quot;全不选&quot;功能代码实例
2020/02/06 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
windows下python模拟鼠标点击和键盘输示例
2014/02/28 Python
跟老齐学Python之for循环语句
2014/10/02 Python
pandas 将索引值相加的方法
2018/11/15 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
Python PIL图片添加字体的例子
2019/08/22 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
2019/08/30 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
QML用PathView实现轮播图
2020/06/03 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
Mamas & Papas沙特阿拉伯:英国最受欢迎的婴儿品牌
2017/11/20 全球购物
技术人员面试提纲
2013/11/28 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
出生医学证明书
2014/09/15 职场文书
Python中异常处理用法
2021/11/27 Python
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫
Python使用永中文档转换服务
2022/05/06 Python