scrollTop

2019-10-31  本文已影响0人  小雨喜欢大晴天

判断元素是否滚动到底

如果元素滚动到底,下面等式返回true,没有则返回false.

```

element.scrollHeight - element.scrollTop === element.clientHeight

```

判断是否需要显示“返回顶部”按钮

element.scrollTop > x

x 根据情况设置,比如卡片列表,可以设置为一个卡片的高度,即当第一个卡片滑到上边不可见时,出现“返回顶部”的按钮

返回顶部功能实现

其中计时器是为了顺滑过渡

clearInterval(timer)

let timer = setInterval( () => {

    let speed = Math.floor( - element.scrollTop / 5);

    element.scrollTop += speed;

    if (element.scroolTop == 0) {

        clearInterval(timer);

    }

}, 16)

上一篇下一篇

猜你喜欢

热点阅读