javascript - jquery $(window).scroll 底部并使 div 可见不起作用

Question

嗨，我尝试在滚动到页面底部时显示 div，并在其不在底部时隐藏它。警报消息在底部页面时起作用，但设置 css 可见或尝试淡入或淡出不起作用。我几乎不需要帮助就能看出我做错了什么。

此外，在 IE 9 上，div "#loadSection" 已隐藏，但我仍然可以将光标放在它上面，并在其他浏览器正常工作时单击。

这是我的代码。

$(window).scroll(function() {       
    if ($(window).scrollTop()+$(window).height() > $(document).height()){
        $("#loadSection").fadeTo(0,0).css('visibility','visible');
        alert("bottom");
    }else{
        $("#loadSection").fadeTo(0,0).css('visibility','hidden');
    }

});

Answer 1

问题是每次滚动都会发生淡入/淡出，并导致 div 闪烁。这是一个 CSS 动画选项:

$(window).scroll(function() {   
    if ($(window).scrollTop()+$(window).height() >= $(document).height()){
        $("#loadSection").addClass('visible');
    }else{
        $("#loadSection").removeClass('visible');
    }
});

演示: http://jsfiddle.net/Eh53d/