关于H5判定区域里面滑动到底部,加载更多的总结

Posted 茶记忆

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于H5判定区域里面滑动到底部,加载更多的总结相关的知识,希望对你有一定的参考价值。

1、如何判定H5中滑动到底部,然后加载更多的功能实现。

思路:我们需要设定一个固定高度的盒子,然后我们利用scroll来监听滚动,当scrollTop(滚动的距离) + clientHeight(页面的设定的高度) >= scrollHeight(页面内容总高度)

这样我们就可以判定页面内容滑动到底部了,然后加载更多数据。

 $("#Box").scroll(function () {
         let scrollTop = document.getElementById("Box").scrollTop;
          let clientHeight = document.getElementById("Box").clientHeight;
          let scrollHeight = document.getElementById("Box").scrollHeight;
        if (scrollTop + clientHeight >= scrollHeight) {
            console.log("滑到底了")
      }
  })

以上,完毕。

以上是关于关于H5判定区域里面滑动到底部,加载更多的总结的主要内容,如果未能解决你的问题,请参考以下文章

android:ScrollView滑动到底部显示加载更多

element 表格监听表格滑动到底部加载更多

Android 中怎么判断WebView已经滑动到底部或顶部还在滑动类似上拉刷新下来加载更多.

android下拉刷新和滑动到底部加载更多,自定义listview

Android下拉刷新滚动到底部自动加载更多RecyclerView组件

Js判断H5上下滑动方向及滑动到顶部和底部判断