Question

是否有别的办法来替代 j的无休止的roll生?

http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/

Answer 1

Answer 2

这应当做到同样的trick,而没有花钱。

$(window).scroll(function () { 
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
      //Add something at the end of the page
   }
});

EDIT Jan 15, 2014

@pere s comment, it s better to use the code below to prevent over amount of eventfire.

Inspired from this answer https://stackoverflow.com/a/13298018/153723

var scrollListener = function () {
    $(window).one("scroll", function () { //unbinds itself every time it fires
        if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
            //Add something at the end of the page
        }
        setTimeout(scrollListener, 200); //rebinds itself after 200ms
    });
};
$(document).ready(function () {
    scrollListener();
});

Answer 3

结合Ergec的答复和Pere的评论:

function watchScrollPosition(callback, distance, interval) {
    var $window = $(window),
        $document = $(document);

    var checkScrollPosition = function() {
        var top = $document.height() - $window.height() - distance;

        if ($window.scrollTop() >= top) {
            callback();
        }
    };

    setInterval(checkScrollPosition, interval);
}

<代码>distance 是从屏幕底部发射的素数。

<代码>interval是检查频率(每秒250-1,000次是合理的)。

Answer 4

我找不到我完全想要的东西,我从头开始就建了一座。它具有暂停作用的特点,因此它不会随着你的发展而无休止地装载。有时有人可能想看到页脚。它只是指一个“更多”纽芬兰语继续使用。我也把当地人包括在内。如果用户点击,他们就会失去结果的位置。

http://www.hawkee.com/snippet/9445/

它还具有可被要求操纵新附结果的反馈功能。

Answer 5

这应当考虑到用户在事件发生前到达网页底部的ug。我在我的项目中看到这一点,如果你已经把此事重新放在网页的底部,那么你在开始活动之前就应当加以检查。

var scrollListener = function () {
    executeScrollIfinBounds();
    $(window).one("scroll", function () { //unbinds itself every time it fires
       executeScrollIfinBounds();
        setTimeout(scrollListener, 200); //rebinds itself after 200ms
    });
};
$(document).ready(function () {
    scrollListener();
});

function executeScrollIfinBounds()
{
     if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
            //Add something at the end of the page
        }
}

EDIT Jan 15, 2014

友情链接