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("滑到底了")
}
})
以上,完毕。
另外:算自适应的高度,正确的做法是:
let mywidth = document.body.clientWidth;
let myheight = document.body.clientHeight - mywidth / 750 * 100;