设置网页刷新或者重新加载后滚动条的位置不变代码,Js代码库,德仔网

代码语言

代码分类

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

作者:天磊 / 发布于2016/4/25/ 901

页面重新加载后总是回到页面的顶部，如果客户只想看到他想看到的部分是怎么变化的

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]);
    }
}

试试其它关键字

　滚动条　

同语言下

可能有用的

天磊贡献的其它代码(13)