$(window).scroll(function() {
//下面这句主要是获取网页的总高度,主要是考虑兼容性所以把Ie支持的documentElement也写了,这个方法至少支持IE8
var htmlHeight = document.body.scrollHeight || document.documentElement.scrollHeight;
//clientHeight是网页在浏览器中的可视高度,
var clientHeight = document.body.clientHeight || document.documentElement.clientHeight;
//scrollTop是浏览器滚动条的top位置,
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
//通过判断滚动条的top位置与可视网页之和与整个网页的高度是否相等来决定是否加载内容;
if (parseInt(scrollTop) + parseInt(clientHeight) >= parseInt(htmlHeight)) {
// console.log("加载");
}
})
加parseInt 是移动端可能会出现小数点,在电脑上模拟一般看不出,但是app 与移动端会出现小数点所以最好转换一下,当然也可以将直接写成>=也可以
如果用vue 要将$(window).scroll(function() {}) 改为$(window).scroll(()=> {})
这个不解释你应该知道原因