頁面刷新時(shí)記住滾動條的位置jquery代碼

2024-05-06 15:46:00

字體：大中小

供稿：網(wǎng)友

我們都知道刷新網(wǎng)頁的時(shí)候，都不會保留網(wǎng)頁之前的狀態(tài)，但是在實(shí)際應(yīng)用中，我們的網(wǎng)頁需要保留原始滾動條，下面就讓錯(cuò)新技術(shù)頻道小編帶給大家的頁面刷新時(shí)記住滾動條的位置jquery.html" target="_blank">jquery代碼吧！

@*點(diǎn)擊按鈕頁面刷新的時(shí)候記住滾動條的位置*@

復(fù)制代碼代碼如下:

<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>