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

  • <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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值