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