美文网首页
用sessionStorage实现页面刷新滚动位置记忆

用sessionStorage实现页面刷新滚动位置记忆

作者: hansonfang | 来源:发表于2017-07-15 13:24 被阅读69次

    当用户从一个长页面滚动到某一个位置时,刷新或点击链接后返回该页面还从浏览的位置加载,即记忆浏览位置,首先引入jQuery库

    ```

    <pre>

    <script type="text/javascript" src="jQuery"></script>

    $(window).scroll(

    function(){

    if($(document).scrollTop!=0){

    sessionStorage.setItem("memory_point",$(document).scrollTop);

    }

    }

    )

    $(document).onload=function(){

    var mPoint=sessionStorage.getItem("memory_point");

    $(window).scrollTop(mPoint);

    }

    </pre>

    ```

    相关文章

      网友评论

          本文标题:用sessionStorage实现页面刷新滚动位置记忆

          本文链接:https://www.haomeiwen.com/subject/qrgahxtx.html