页面重新加载后滚动条位置不变

原创 2018年04月16日 23:30:35
<script type="text/javascript">
    //重新加载后滚动条回到原来的位置
    function window.onload() {
        var arr;
         //cookie中保存的有值,则将滚动条返回到原来的位置
        if (arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/))
        {
            document.documentElement.scrollTop = parseInt(arr[1]);
            document.body.scrollTop = parseInt(arr[1]);
        }
    }
 
    //页面刷新前保存滚动条位置信息到cookie
 
    function window.onbeforeunload() {
        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;
    }
 
 
 
     </script>

商务参考体系结构:企业对消费者 (B2C电子商务实践) 第 2 章:概念设计阶段

 商务参考体系结构:企业对消费者 第 2 章:概念设计阶段 Microsoft Corporation 2001年5月 摘要:本章将说明 Microsoft 解决方案框架 (MSF) 设计过程的概念阶...
  • coolstar
  • coolstar
  • 2001-08-17 10:49:00
  • 977

页面刷新gridview位置不变

2009年12月02日 09:18当页面上数据多的时候出现滚动条,我们删除或者操作了gridview中的某条数据的时候,页面刷新要想接着操作原来位置的数据就得重新拉动滚动条找到位置,现在只要在页面上加...
  • justsoloving
  • justsoloving
  • 2010-01-23 12:27:00
  • 1259

网页刷新或者重新加载后滚动条的位置不变

"text/javascript">  window.onbeforeunload = function(){      var scrollPos;          if (typeof wind...
  • MR1269427885
  • MR1269427885
  • 2015-04-17 08:51:51
  • 397

Ext Grid刷新后 滚动条位置不变

Ext Grid刷新后 滚动条位置不变 局部 只需在grid的viewConfig属性里面添加如下参数 onLoad : Ext.emptyFn,             list...
  • glpdelp123
  • glpdelp123
  • 2016-07-05 14:47:35
  • 994

Asp.net 在刷新或提交页面后保持滚动条的位置

网页内容在较长时,每次回传刷新页面或提交网页时都会定位到最顶端,非常不利于用户交互。      将Page.MaintainScrollPositionOnPostBack属性值设置为true即可实...
  • longteng1116
  • longteng1116
  • 2014-03-30 02:01:16
  • 2533

JS刷新页面后滚动条的位置不变

有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好...
  • u011213403
  • u011213403
  • 2016-11-17 16:30:05
  • 2823

vue2.0路由切换后页面滚动位置不变BUG

最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。 a href="javascript:;" class="btn btn01" @click="useRigh...
  • liuyu5210
  • liuyu5210
  • 2017-08-26 12:17:29
  • 986

DIV层,刷新滚动条位置不变

DIV层,刷新滚动条位置不变   转自:http://bbs.csdn.net/topics/90394911   aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
  • lwdl123321
  • lwdl123321
  • 2015-01-08 11:46:22
  • 429

一个使用方便的用于跳转后保持滚动条位置的JS

在跳转的页面中加入 使用方法很简单,将这下面的代码存为一个ScrollHolder.js文件,然后在网页Head中加入:  Js代码   "javascript" src="...
  • a694704123b
  • a694704123b
  • 2015-12-01 18:15:01
  • 452

页面刷新后滚动条重新定位

有些时候页面超出屏幕高度,又不方便使用AJAX局部刷新时,,往往回传页面后滚动条会定位到最上面,操作不方便,以下方式实现页面回传后回到滚动条原告的偏移位置....
  • ahywg
  • ahywg
  • 2010-08-25 11:53:00
  • 4484
收藏助手
不良信息举报
您举报文章:页面重新加载后滚动条位置不变
举报原因:
原因补充:

(最多只允许输入30个字)