web页面回退后滚动到原来浏览的位置

Posted wwwluo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web页面回退后滚动到原来浏览的位置相关的知识,希望对你有一定的参考价值。

使用sessionStorage存储页面数据,如果是页面回退,则sessionStorage是不为空,然后把光标滚动到原记录的位置。

<script type="text/javascript">

    $(function () {

        if (window.performance) {

            if (window.performance.navigation.type == 2){

               $(document).scrollTop(0, sessionStorage.getItem("ListoffsetTop"));

            }

        }

     });

    //滚动时保存滚动位置
    $(window).scroll(function () {
        if ($(document).scrollTop() != 0) {
            sessionStorage.setItem("ListoffsetTop", $(window).scrollTop());
        }
    });

</script>

以上是关于web页面回退后滚动到原来浏览的位置的主要内容,如果未能解决你的问题,请参考以下文章

页面刷新滚动条位置不变

刷新页面使页面保持在当前位置显示而不跳回顶部

控制浏览器的滚动条

如何用js控制网页刷新后滚动条保持在原来的位置

VUE开发-- 滚动行为

防止缓存 iPhone Web 应用程序重新加载(滚动到顶部)