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

2020-06-09  本文已影响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)
上一篇 下一篇

猜你喜欢

热点阅读