vue页面或者盒子滚动到底部触发事件

滚动到底部触发事件处理

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

原创最新推荐文章于 2025-01-14 17:01:02 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

本文探讨了JavaScript中实现滚动到底部触发事件的逻辑。通过获取元素的offsetHeight、scrollTop和scrollHeight，判断是否已滚动到页面底部，从而执行特定事件。这对于无限滚动加载或者聊天应用等场景非常实用。

滚动底部触发事件

    staScrollFun() {
      let sta = this.$refs.sta
      let offsetHeight = sta.offsetHeight
      let scrollTop = sta.scrollTop
      let scrollHeight = sta.scrollHeight
      if (offsetHeight + scrollTop >= scrollHeight) {
        //触发事件
      }
    },