Question

我是新来的......

我有这个HTML标记：

    <div class='scrollMe' id='1' style='height:100px;overflow:scroll;'>
       ... very long content; also gets appended dynamically
    </div>
    <div class='scrollMe' id='2' style='height:100px;overflow:scroll;'>
       ... very long content; also gets appended dynamically
    </div>

并且，有以下脚本代码段：

$(document).ready(function () {
    $('.scrollMe').scroll(function () {
        // do something
    });
});

我的问题是，滚动只会在第一个DIV容器上触发，而不会在任何连续的DIV上触发。我已经尝试了所有我能想到的东西，包括“.on”，但没有任何效果。有人知道另一种方法吗？谢谢。

Answer 1

两者都很完美

检查此jsFiddle

Jquery的

$(document).ready(function () {
  $('.scrollMe').scroll(function () {
    // do something
  });
});

Answer 2

在盯着我的代码后，我发现了什么是错的（请参阅下面的详细信息）：

$(document).ready(function () {
$('.scrollMe').scroll(function () {
    // do something
    currentid = $('.scrollMe').attr('id');  

    // = "1" <--- no matter which container is scrolled, will always grab the 1st 
    alert(currentid);   

    // do more stuff
});
});

由于我们有不同的DIV滚动，它应该是这样编写的：

$(document).ready(function () {
$('.scrollMe').scroll(function () {
    // do something
    // just an illustration 

    currentid = $(this).attr('id');

    alert(currentid);

    // do more stuff
});
});

滚动不在连续的div元素上触发

2 个答案:

检查此jsFiddle