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