1

我正在尝试使用这个无限滚动。这是JS链接

我需要排除大约 150 像素高度的页脚高度。

教程中的原始 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()){

所以两者都不起作用，只有当我将滚动条触摸到浏览器的末尾时，无限滚动才起作用，然后它就起作用了。

因此，我正在寻找可以排除页脚高度的位置，以便用户在使用滚动触摸页脚时，无限滚动应该可以工作。

4

1 回答 1

3

我认为你在第二次尝试时就做对了。您是否尝试过清除浏览器缓存，或者在不同的浏览器中进行测试？我基本上做了同样的事情，它对我有用。console.log()在试图弄清楚这些事情时，使用可能非常有用。

你有网站的链接吗？也许是其他原因导致了这个问题......

$(window).scroll(function() {
    scrollDistance = $(window).scrollTop() + $(window).height();
    footerDistance = $('#bottom').offset().top;

    if (scrollDistance >= footerDistance) {
        console.log("Infinite scroll time!");
    }
})

小提琴：https ://jsfiddle.net/9ehnb8dv/2/

于 2015-11-21T13:10:12.917 回答