jquery - 使用 jquery 或 jquery mobile 检测列表视图上的滚动

Question

我正在使用 jquery mobile 并创建了一个列表视图。此列表视图包含在 div 中，并且在该 div 中启用了列表滚动。

我想在列表上执行一些任务作为列表上的滚动启动。我尝试了以下代码：

$(".book").scrollstart(function(e) {
  alert("scrolling started!!");
});

将 Jquery mobile 'scrollstart' 事件绑定到该列表对我不起作用。请在此处查看此小提琴。

但是，如果我将此事件绑定到窗口，那么只有它起作用。那么有什么方法可以检测该特定列表上的滚动开始吗？

谢谢。

Answer 1

你<ul>没有滚动，所以滚动事件永远不会触发。您必须指定的高度<ul>：

CSS

.book {
    overflow: auto;
    height:200px;
}

JS

$( ".book" ).on( "scrollstart", function( event ) {
    alert("scroll");
});

看小提琴

如果要获取录入文档的卷轴：

JS

$(document).on( "scrollstart", function( event ) {
    alert("scroll");
});

Answer 2

在你的小提琴中，我想念 (document).ready()

$(document).ready(function(){
    $(".book").scrollstart(function(e) {
          alert("scrolling started!!");
    });
});