码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-11-25 15:36:12      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:script   nbsp   ssi   for   滚动   UNC   window   页面   storage   

使用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页面回退后滚动到原来浏览的位置

标签:script   nbsp   ssi   for   滚动   UNC   window   页面   storage   

原文地址:https://www.cnblogs.com/wwwluo/p/11927677.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!