页面刷新时记住滚动条的位置jquery代码
来源：爱站网时间：2019-12-06编辑：网友分享
我们都知道刷新网页的时候，都不会保留网页之前的状态，但是在实际应用中，我们的网页需要保留原始滚动条，下面就让爱站技术频道小编带给大家的页面刷新时记住滚动条的位置jquery代码吧！
我们都知道刷新网页的时候，都不会保留网页之前的状态，但是在实际应用中，我们的网页需要保留原始滚动条，下面就让爱站技术频道小编带给大家的页面刷新时记住滚动条的位置jquery.html" target="_blank">jquery代码吧！
@*点击按钮页面刷新的时候 记住滚动条的位置*@
复制代码 代码如下:
<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代码的全部内容，希望能帮到大家，也希望大家一如既往的支持我们哦。
