javascript - jQuery .scroll 没有拿起

Question

当用户滚动经过“#topp”元素时，我正在尝试创建一个提示“True”的警报，但它什么也没做，该元素应该是页面顶部的一个小 div。

HTML

<div id="topp"></div>

jQuery

    $(window).scroll(function() {
    var vpH = $(window).height(),
        st = $(window).scrollTop(),
        y = $('#topp').offset().top;
    if(y > (st + vpH)) alert('true');
});

Answer 1

为什么需要窗口高度？如果您有 top 和 scroll to top 变量，那么他们不需要窗口的高度。

$(document).scroll(function() 
{
    var scrollTop = $(window).scrollTop();
    var toppOffset = $('#topp').offset().top;

    if(toppOffset > scrollTop)
        alert('true');
});​

更清晰的表示http://jsfiddle.net/zDpw3/1/