jQuery бесконечная загрузка прокрутки до конца

Я использую приведенный ниже код для бесконечной прокрутки. Работает отлично, но только когда я нахожусь в самом низу страницы. Я хочу, чтобы он загружал следующую страницу контента, когда я нахожусь примерно на 3/4 вниз по странице.

$(window).scroll(function() {
            if($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('#infinite-load').click();
        }
});

Я изменил код на это:

$(window).scroll(function() {
            if($(window).scrollTop() <= ($(document).height()) - $(window).height() - 10) {
            $('#infinite-load').click();
        }
});

И теперь, при самой первой прокрутке, как бы мало я ни прокручивал вниз, загружается содержимое следующей страницы. Повторная прокрутка пикселя приведет к загрузке еще одной страницы.


javascript scroll jquery infinite scrolltop
person HTML    schedule 19.08.2016    source источник
comment
попробуйте вместо этого: if($(window).scrollTop() + $(window).height() › ($(document).height()/4*3)) {   -  person prizm1    schedule 19.08.2016
comment
Ваш код, похоже, сработал! Большое спасибо prizm1!   -  person HTML    schedule 20.08.2016

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте изменить свой код на этот. Не уверен, что это сработает..

var h = ($(window).height()*1.25)+$(window).scrollTop();
h = parseInt(h);
var h2 = parseInt($(window).height()*1.25);
if(h >= ($(document).height()) && h <= ($(document).height())+h2)
person Scott    schedule 19.08.2016
comment
Спасибо за ваш комментарий. К сожалению, код не работал должным образом, но ваш ответ определенно был бы правильным решением, если бы структура кода моего сайта была правильной. Я уверен, что проблема с тем, что ваш код не работает, - это ошибка с моей стороны. - person HTML; 20.08.2016