Infinite Scroll стреляет сверху, а не снизу

У меня есть функция прокрутки, которую я хочу запустить, когда пользователь прокручивает страницу до самого низа. Однако он делает прямо противоположное; он стреляет в верхней части страницы. Я использовал это раньше, и все в Интернете говорит, что это нужно делать так же. Единственное, о чем я могу думать, это то, что это как-то связано с использованием начальной загрузки. Любые идеи? Вот пример: Нажмите здесь

 // Load More Results On Scroll
    var busy = false;
    $(window).scroll(function(){
        if($(window).scrollTop() + $(window).height() == $(document).height() && !busy){
            // Currently Fetching Results
            busy = true;

            // Fetch The Rows
            setTimeout(function() {
                $.ajax({
                    url: "../assets/server/public/callbacks.php",
                    type: "POST",
                    dataType: "JSON",
                    data: {
                        filter: '',
                        old_id: $("#old-id").val(),
                        callback: 'selectPreviousTenPosts'
                    },
                    cache: false,
                    success: function(data){
                        $("#feed-wrapper").append(data.post);
                        $("#old-id").val(data.old_id);
                        busy = false;
                    }
                });
            }, 500);
        }
    });

jquery infinite-scroll
person dschuett    schedule 09.09.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы хотите изменить $(window).height() на window.innerHeight в своем операторе if:

if($(window).scrollTop() + window.innerHeight >= $(document).height() && !busy){
    //..do stuff
}
person bowheart    schedule 09.09.2014
comment
Благодарю вас! Это именно то, что я искал! - person dschuett; 10.09.2014

arrow_upward
1
arrow_downward

Попробуйте использовать что-то вроде этого:

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
     alert("near bottom!");
   }
});
person Ameer A. Lawi    schedule 09.09.2014