jquery - 在达到文档高度 100% 之前在滚动 100px 时淡出

Question

在滚动时，固定的 div 会淡入，而不是当滚动在文档高度之前达到 100px 时，它需要开始淡出。

拜托，有人可以指出下面代码中的错误在哪里吗？

$(window).scroll(function() {
if ($(window).scrollTop()>100) {
    $('#boxcont').fadeIn();
}
else {
    $('#boxcont').fadeOut();
}
if ($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){
    $('#boxcont').fadeOut();
}
});

这是FIDDLE 演示

Answer 1

你会想要使用 jQuery 的stop功能。通常，您也希望在 之前使用它fadeIn，但是，由于您的条件是如何陈述的，它会在滚动时不断地stop滚动fadeIn，因此为了简单起见，我们在此处省略了它。

$(window).scroll(function() {
    if ($(window).scrollTop()>100) {
        $('#boxcont').fadeIn();
    }
    else {
        $('#boxcont').stop(true).fadeOut();
    }
    if ($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){
        $('#boxcont').stop(true).fadeOut();
    }
 });

查看新的jsFiddle 演示