当前位置: 主页 > 日常积累 > js >

滚动条刷新记录页面当前位置

摘要:刚刚在页面上敲代码时,不小心点到了刷新页面,自以为要从翻过此篇文章,却发现可以刷新后,滚动条位置仍然没有发生变化,就在百度上搜索了个遍,自己觉得这个方法比较好,记录了下来,希望下一次做页面时能够用上


js部分:

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



[日志信息]

该日志于 2018-01-10 10:19 由 陈文超 发表在 陈文超前端博客 网站下,你除了可以发表评论外,还可以转载 “滚动条刷新记录页面当前位置” 日志到你的网站或博客,但是请保留源地址及作者信息,谢谢!!    (尊重他人劳动,你我共同努力)

Copyright © 2015-2018 陈文超博客 保留所有权利 琼ICP备15003229号| 托管于阿里云 · 博客稳定运行 | 网站地图 |

返回顶部