Question

当用户滚动到页面末尾时，我看到了显示div的页面。当用户开始向上滚动时，div消失。我怎么能在jQuery中做到这一点。我使用的是v1.8

到目前为止，我已尝试过这个

if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert('bottom')
}

Answer 1

你必须在滚动时检查：

var $win = $(window),
    $doc = $(document),
    $target = $('#target');
// save relevant elements so they don't have to be selected on each scroll call

$win.scroll(function() {
    $win.scrollTop() + $win.height() == $doc.height()
    ? $target.show()
    : $target.hide();
});

jsfiddle

Answer 2

示例：http://jsfiddle.net/7EzUf/

您将代码放在.scroll元素的window处理程序中。只要用户滚动，该函数就会被触发。

$(window).scroll(function(){
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
        $('#bottom').fadeIn();
    } else {
        $('#bottom').fadeOut();
    }
});

Answer 3

在此处查看jsFiddle

当您触及其他明智的隐藏

时会出现警报div

根据条件显示Div

3 个答案: