移动端下拉触底事件

最新推荐文章于 2025-01-02 09:30:17 发布

原创最新推荐文章于 2025-01-02 09:30:17 发布 · 710 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #javascript #vue.js

JS 专栏收录该内容

4 篇文章

订阅专栏

这段代码展示了如何使用JavaScript监听HTML元素的滚动事件，并实现触底判断。当滚动到元素底部时，触发相应的处理逻辑。这对于无限滚动加载或者底部操作栏显示等场景非常有用。

<div @scroll="scrollEvent($event)" style="overflow-y: scroll;height:100vh;"></div>

//js部分
        scrollEvent(e){
            //计算高度，简单来说就是有东西的时候触底才触发
            if(e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight){

            }
        },