2016-08-19 2 views
0

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

$(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(); 
     } 
}); 

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

+0

попробуйте вместо этого: если ($ (окно) .scrollTop() + $ (окно) .height()> ($ (документ) .height()/4 * 3)) { – prizm1

+0

Ваш код, похоже, сработал! Большое вам спасибо! – HTML

ответ

0

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

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) 
+0

Спасибо за ваш комментарий. К сожалению, код не работал должным образом, но ваш ответ определенно был бы правильным решением, если бы структура кода моего сайта была правильной. Я уверен, что проблема с вашим кодом не работает, это ошибка на моем конце. – HTML