сделать «нагрузка больше» на прокрутку вниз работает с jQuery mobile

Question

У меня есть этот фрагмент, который отлично работает с jquery в одиночку, когда я пытаюсь использовать его с jQuery mobile, он не работает должным образом. , когда я просматриваю страницу im, создавая с помощью имитатора пульсаций im, говорящий о двух полосах прокрутки, один в правой части, а другой на левой стороне. , когда я прокручиваю левый (прокрутка содержимого), он не запускает загрузку большего содержимого (это проблема), но когда я загружаю левый; снизу или сверху (я придется прокручивать ДНО И ПРАВА МНОГО РАЗ) он увольняет содержание нагрузки во много раз ..

это код им с помощью:

<script> 
 
var currentPage = 2, 
 
    loadThreshold = 20; //50px threshold used to define when it needs to load more items. 
 

 
$(window).scroll(function() { 
 
    var windowHeight = $(window).height(), 
 
     containerHeight = $(document).height(), 
 
     contentCurrentTopPosition = $(document).scrollTop(), 
 
     deltaDistanceToContentBottom = containerHeight - windowHeight - contentCurrentTopPosition; 
 

 

 
    if (deltaDistanceToContentBottom < loadThreshold){ 
 
     getData(currentPage); 
 
     currentPage++; 
 
    } 
 

 
}); 
 
    </script>

любая идея пожалуйста ?

Answer 1

Я избегаю обработки события прокрутки; Я предпочитаю использовать таймер:

updateTimer = setInterval(function() { 
    var $w = $(window); 
    if (oldw !== $w.width() || oldh !== $w.height() || 
      oldt !== $w.scrollTop()) { 
     oldw = $w.width(); 
     oldh = $w.height(); 
     oldt = $w.scrollTop(); 
     ... 
    } 
}, 250);