scrollTop

作者: 小雨喜欢大晴天 | 来源:发表于2019-10-31 16:16 被阅读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)

    相关文章

      网友评论

          本文标题:scrollTop

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