javascript - 如何到达滚动的元素？

Question

所以，我想访问 an 元素并使用：

$('#classname').scroll(function(){
    // code here  
    alert("here");


});

$('#classname').ready(function(){
    // code here  
    alert("here");


});

我面临的问题是，调用了就绪函数但没有调用滚动，并且在通过 jquery 的 api 之后，我知道了这一点：

当用户滚动到元素中的不同位置时，滚动事件被发送到元素。它适用于窗口对象，也适用于将overflow CSS 属性设置为滚动（或当元素的显式高度小于其内容的高度时为自动）的可滚动框架和元素。

因此，当页面加载时，我能够获取 div。但是当我向下滚动以加载页面的其余部分时，不会触发.ready或.scroll事件。我怎样才能做到这一点？

Answer 1

听起来您正试图捕获滚动事件并在视图滚动时触发行为？你想要这样的东西：

$(document).ready(function() {
    $(".classname").on("scroll", function(event) {
        console.log($(event));
    });
});

你需要确保.classname它是可滚动的——例如，像这样：

<style type="text/css">
    .classname {
        height:600px;
        width:800px;
        overflow: auto;
    }
    .inner {
        height:1500px;
        width:800px;
        border:solid black 1px;
    }
</style>
<div class="classname">
    <div class="inner">
       text<br>
       text<br>
       text<br>
    </div>
</div>