檢測JQuery的移動滾動

Question

我無法檢測頁面是否滾動或與jQuery的移動。無論如何，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()); });