如何在滚动上找到一个元素?

时间:2012-12-23 15:53:18

标签: javascript jquery

所以,我想访问一个元素并使用:

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


});

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


});

我面临的问题是,调用就绪函数但不是滚动,经过jquery的api后,我知道了这一点:

  

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

因此,当页面加载时,我能够获得div。但是,当我向下滚动页面的其余部分以加载时,.ready.scroll事件不会被触发。我如何设法得到它?

1 个答案:

答案 0 :(得分:0)

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

$(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>