首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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>

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

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

- Author -

Mask-male

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
游戏人文件夹程序 ver 3.0
Jul 14 Javascript
Jquery+JSon 无刷新分页实现代码
Apr 01 Javascript
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
详解javascript数组去重问题
Nov 06 Javascript
基于javascript实现随机颜色变化效果
Jan 14 Javascript
关于react中组件通信的几种方式详解
Dec 10 Javascript
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
如何在JavaScript中谨慎使用代码注释
Jun 21 Javascript
js实现随机数小游戏
Jun 28 Javascript
vue-router之解决addRoutes使用遇到的坑
Jul 19 Javascript
详解JavaScript 的执行机制
Sep 18 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 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
自我评价(886) J2EE面试题(19) 自我鉴定(671) Servlet面试题(20) 自荐信(981) UNIX面试题(27) 求职信(1029) SOA面试题(9) Delphi面试题(13) Ruby面试题(15)
You might like
PHP之autoload运行机制实例分析
2014/08/28 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
运用jquery实现table单双行不同显示并能单行选中
2009/07/25 Javascript
jQuery实现tab标签自动切换的方法
2015/02/28 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
封装好的javascript前端分页插件pagination
2016/01/04 Javascript
Javascript基础_标记文字的实现方法
2016/06/14 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
如何在Python中编写并发程序
2016/02/27 Python
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
python去掉 unicode 字符串前面的u方法
2018/10/21 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
python 基于opencv操作摄像头
2020/12/24 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
前端实现打印图像功能
2019/08/27 HTML / CSS
美国折扣香水网站：The Perfume Spot
2020/12/12 全球购物
北京振戎融通Java面试题
2015/09/03 面试题
财务管理专业毕业生求职信范文
2013/09/21 职场文书
汽车维修专业个人求职信范文
2014/01/01 职场文书
环境保护建议书
2014/08/26 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
捐书仪式主持词
2015/07/04 职场文书
职工宿舍管理制度
2015/08/05 职场文书
利用python做表格数据处理
2021/04/13 Python
springboot集成flyway自动创表的详细配置
2021/06/26 Java/Android
SpringBoot连接MySQL获取数据写后端接口的操作方法
2021/11/02 MySQL
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python