美文网首页
vue @scroll="scroll" 保存页面滚动高度

vue @scroll="scroll" 保存页面滚动高度

作者: 小北呀_ | 来源:发表于2020-06-09 17:53 被阅读0次

1.添加scroll函数,滚动就会出发此函数

<div class='scrollList' @scroll="scroll">

2.每次滚动获取标签滚动高度并且保存

  /* 滚动 */
            scroll() {
                let height = document.getElementsByClassName('scrollList')[0].scrollTop
                sessionStorage.setItem('TFD_HEIGHT',JSON.stringify({h:height}));
            },

3.每次进来的时候赋值,但是要有100的延迟。。

  setTimeout(() => {
            let num = JSON.parse(sessionStorage.getItem('TFD_HEIGHT'))
            document.getElementsByClassName('scrollList')[0].scrollTop = num.h
        },100)

相关文章

网友评论

      本文标题:vue @scroll="scroll" 保存页面滚动高度

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