jquery：检测滚动位置答案

【问题标题】：jquery : detecting scroll positionjquery：检测滚动位置
【发布时间】：2013-09-26 16:01:14
【问题描述】：

我想在滚动时看到我的页脚时收到提醒。

$(window).on("mousewheel", function(){
    if ($(window).scrollTop() + $(window).height() > $('#footer').position().top){    
        alert("footer visible");
    }  
    else{
        alert("footer invisible");  
    }
});

http://jsfiddle.net/JRUnr/10/

所有高度条件似乎都是正确的，但在滚动期间却不是。

【问题讨论】：

唯一的问题是你有一个语法错误。更正版本：jsfiddle.net/JRUnr/11
是的，您需要使用 offset() 来获得 w.r.t 的位置。文档顶部 - 就像上面的小提琴一样。

标签： javascript jquery scroll footer

【解决方案1】：

工作DEMO

试试这个

$(window).scroll(function () {

    if ($(window).scrollTop() + $(window).height() > $('.footer').offset().top) {
        alert("footer visible");
    } else {
        alert("footer invisible");
    }
});

希望对你有帮助，谢谢

【讨论】：

谢谢 - 这是一个很大的帮助！

【解决方案2】：

这个任务有一个名为 jQuery Waypoints 的 jquery 插件 (http://imakewebthings.com/jquery-waypoints/)

$('#footer').waypoint(function(direction) {
    alert('Top of thing hit top of viewport.');
});

【讨论】：

【解决方案3】：

这是一个有效的小提琴...... http://jsfiddle.net/kasperfish/JRUnr/14/

它被破解在一起，但它可以工作

        flag=true;


$(window).scroll(function() {
    st=$(window).scrollTop();
    $('#topscroll').html(st)


    if(st>1450){
        if(flag)
        alert('test');flag=false;
    }

});

【讨论】：

这是一个很好的例子，适用于经过的每个像素。