jquery:检测滚动位置

时间:2013-09-21 08:54:09

标签: javascript jquery scroll footer

我希望在滚动时,我的页脚可以看到时发出提醒。

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

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

所有具有高度的条件似乎都是正确的,但在滚动期间则不然。

3 个答案:

答案 0 :(得分:40)

正在工作 DEMO

试试这个

$(window).scroll(function () {

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

希望这有帮助,谢谢

答案 1 :(得分:4)

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

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

答案 2 :(得分:2)

这是一个工作小提琴...... 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;
    }

});