Jquery 根据条件显示Div

我见过当用户滚动到页面末尾时显示div的页面。当用户开始向上滚动时，div消失。如何在jQuery中实现这一点。我使用的是v1.8

到目前为止我已经试过了

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

看到它在这里工作了吗

当您触底时，alert div（警报div）会出现，其他方式隐藏

请参见此处的操作

---

当您点击底部时，alert div（警报div）会出现，其他方式隐藏

您必须在滚动时检查：

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();
});

---

滚动时，您必须检查：

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();
});

示例：

将代码放入

窗口的
元素的
处理程序中。每当用户滚动时，就会触发该函数

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

例如：

将代码放入
窗口的
元素的
处理程序中。每当用户滚动时，就会触发该函数

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

可能重复的可能重复当用户继续在底部滚动时是否也有方法仅触发一次事件？当用户继续在底部滚动时是否也有方法仅触发一次事件？