判断元素是否滚动到底
如果元素滚动到底,下面等式返回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)
网友评论