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