Question

我有动态列表

<div id="content" class="content" data-role="content" data-scroll="y">
    <div id="myDiv">
        <form>
            <ul id="myList" data-role="listview">
            </ul>
        </form>
    </div>
</div>

当我将其滚动到顶部时，我想将另一个列表添加到myList; 如何检测用户何时将其滚动到顶部？

我尝试了scrollTop函数的一些变体，例如：

  $(window).bind('scrollstop', function(){
    alert("1 "+$(window).scrollTop());  
    alert("2 "+$('#content').scrollTop()); 
    alert("3 "+$('#myDiv').scrollTop()); 
    alert("4 "+$('#myList').scrollTop()); 
    alert("5 "+$('#myList li').scrollTop()); 
});

但所有人都返回0 :(

Answer 1

您需要将scroll事件附加到正在滚动的元素。假设您正在滚动#content元素，这将起作用：

$('#content').on('scroll', function(){
    if ($(this).scrollTop() == 0) {
        alert('at the top');
    }
});

Example fiddle

当用户滚动到列表顶部时，jquery检测到

1 个答案: