汇盛国际平台:页面刷新时记住滚动条的位置jqu

标签:新闻动态    日期:2018-03-22 15:40    录入:汇盛国际平台    浏览:

  

[页面刷新,滚动条]页面刷新时记住滚动条的位置jquery代码

  @*点击按钮页面刷新的时候 记住滚动条的位置*@  
代码如下:
  
  
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]);  
}  
}  
  

★★★小编:汇盛国际注册 整理文章,欢迎大家转载 ★★★
点击右上角的分享按钮即可收藏汇盛国际平台注册 随时随地与好友一起分享精彩内容噢