Question

我收到了以下代码：

<body>
    <section id="first">
    ...
    </section>

    <section id="second">
    ...
    </div>

    <section id="third">
    ...
    </div>
</body>

我试图在页面到达垂直滚动的div时向section#third添加一个类，但是没有使用px指定高度，只是当页面遇到元素时。

有谁知道怎么做？

谢谢你们！

Answer 1

像JSFiddle这样的东西？

每次滚动时都会调用它：

$(window).scroll(function() {

如果您停止超过250毫秒，它将检查您是否显示了想要的部分，即：

clearTimeout($.data(this, 'scrollTimer'));
        $.data(this, 'scrollTimer', setTimeout(function() {
            var eTop = $('section#third').offset().top;
            if(eTop - ($(window).scrollTop()+$(window).height()) < 0) {
                alert('I am showing!');
            }
        }, 250));

参考文献（采取一些片段）和进一步研究：

Scroll detection

Getting element's location relative to window

到达元素时添加类

1 个答案: