Обнаружение прокрутки в JQuery Mobile

Question

Я не могу определить, прокручивается ли страница или нет с помощью jquery mobile. Scrolltop всегда возвращает 0 в любом случае.

<script> 


     var interval = setInterval(function() { 

            alert($("#articlecontent").scrollTop()); 
            //alert($(window).scrollTop()); 
            //alert($("#maindiv").scrollTop()); 

            } 
            }, 3000); 

    </script> 



    <div data-role="page" id="maindiv"> 
     <div class="ui-bar ui-bar-b"> 


     </div> 


     <div id='articlecontent' data-role="content" data-iscroll> 

      sldfjlkjsl lksjd kls df hjks djkh sdjfkh sjkf 
      jksd jkhsdf jkhsd hjwiuhhfg skd jkshd fkj fkjsg kjhsdkjf 

      sldfjlkjsl lksjd kls df hjks djkh sdjfkh sjkf 
      jksd jkhsdf jkhsd hjwiuhhfg skd jkshd fkj fkjsg kjhsdkjf 


      sldfjlkjsl lksjd kls df hjks djkh sdjfkh sjkf 
      jksd jkhsdf jkhsd hjwiuhhfg skd jkshd fkj fkjsg kjhsdkjf 



     </div> 
     <div data-role="footer" data-id="foo1"> 


     </div> 
    </div> 

Answer 1

scrollTop() возвращает значение больше нуля только при наличии полосы прокрутки для этого элемента. В этом случае вы можете протестировать, установив высоту статьи div на что-то меньшее, чем контент, и заставите ее отображать полосу прокрутки. После этого попробуйте приведенный ниже код и прокрутите, чтобы увидеть изменение значения при прокрутке.

$("#articlecontent").scroll(function(){ console.log($(this).scrollTop()); });