页面刷新后记录滚动条上次的位置

最新推荐文章于 2021-08-03 15:48:20 发布

Austin_奥斯丁

最新推荐文章于 2021-08-03 15:48:20 发布

阅读量250

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_42552353/article/details/80924682

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页滚动位置保存的方法。通过监听页面加载和滚动事件，可以将当前滚动位置保存到浏览器的本地存储中，当用户再次访问页面时，能够自动滚动到之前的位置。

<script type="text/javascript">
    window.onload = window.ready = (()=>{
        // $("#admin-offcanvas").scrollTop(window.location.hash.slice(1))

        console.log(window.localStorage.sTop)
        $("#admin-offcanvas").scrollTop(window.localStorage.sTop)
    })()
    
    $("#admin-offcanvas").scroll(()=>{
        // window.location.hash = $("#admin-offcanvas").scrollTop()
        window.localStorage.sTop = $("#admin-offcanvas").scrollTop()
    })
</script>