我需要排除页脚高度,该高度大约为150px。
教程中的原始jQuery:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()){
所以我像这样更改了jQuery代码。
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $('#bottom').offset().top)){
再尝试一下:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() -150 == $(document).height()){
因此这两种方法均无效,无限滚动仅在我将滚动条触摸到浏览器的末尾时才起作用,然后才起作用。
因此,我正在寻找可以排除页脚高度的位置,以便用户在滚动时触摸页脚时,无限滚动应该起作用。
我认为您第二次尝试就对了。您是否尝试过清除浏览器缓存,或者在其他浏览器中进行测试?我基本上做了同样的事情,并且对我有用。console.log()
在尝试弄清这类事情时,使用可能非常有用。
您是否有网站链接?也许是其他原因导致了问题...
$(window).scroll(function() {
scrollDistance = $(window).scrollTop() + $(window).height();
footerDistance = $('#bottom').offset().top;
if (scrollDistance >= footerDistance) {
console.log("Infinite scroll time!");
}
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句