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 相关文章推荐
WordPress 照片lightbox效果的运用几点
Jun 22 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
简单时间提示DEMO从0开始一直进行计时
Nov 19 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
Jun 16 Javascript
JS访问SWF的函数用法实例
Jul 01 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
如何使用jquery easyui创建标签组件
Nov 18 Javascript
bootstrapvalidator之API学习教程
Jun 29 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 Javascript
浅谈Webpack打包优化技巧
Jun 12 Javascript
利用Webpack实现小程序多项目管理的方法
Feb 25 Javascript
Element Card 卡片的具体使用
Jul 26 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实现登陆表单提交CSRF及验证码
2017/01/24 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
JS数组返回去重后数据的方法解析
2017/01/03 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
2017/09/08 Javascript
Vue2.0+ElementUI实现表格翻页的实例
2017/10/23 Javascript
vue删除html内容的标签样式实例
2018/09/13 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
在Express中提供静态文件的实现方法
2019/10/17 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
关于初始种子自动选取的区域生长实例(python+opencv)
2020/01/16 Python
HTML5实现预览本地图片
2016/02/17 HTML / CSS
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
Godiva巧克力英国官网:比利时歌帝梵巧克力
2018/08/28 全球购物
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
创业计划书的写作技巧及要点
2014/01/31 职场文书
道路交通安全实施方案
2014/03/12 职场文书
村党支部换届选举方案
2014/05/02 职场文书
技术比武方案
2014/05/19 职场文书
企业三严三实学习心得体会
2014/10/13 职场文书
简历自荐信范文
2015/03/09 职场文书
初中信息技术教学反思
2016/02/16 职场文书