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

2019-12-21,,,

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

您可能感兴趣的文章:

  • jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
  • jQuery实现将div中滚动条滚动到指定位置的方法
  • jquery 点击元素后,滚动条滚动至该元素位置的方法
  • jQuery实现定位滚动条位置
  • jQuery实现根据滚动条位置加载相应内容功能
  • 使用jQuery判断浏览器滚动条位置的方法
  • 通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
  • jQuery判断div随滚动条滚动到一定位置后停止
  • JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
  • JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
  • jQuery实现滚动条滚动到子元素位置(方便定位)

《页面刷新时记住滚动条的位置jquery代码.doc》

下载本文的Word格式文档,以方便收藏与打印。