当窗口等于div时显示div，但是当窗口通过div时隐藏

Question

我希望在我滚动某个特定div时显示div，但是当你滚过该div时想要隐藏它。

我能够做到这一点，当窗口到达div的顶部以显示我的按钮时：Example Fiddle .

我在高度范围内看到了这个解决方案，但无法复制它以实现此目的：Only show div when in the middle of the page

当您滚过红色div时，如何隐藏div？

Answer 1

在if语句中添加一个检查，检查该按钮是否小于您想要消失的div的顶部位置。

$(window).scroll(function() {
    if($(this).scrollTop() >= $('.separator').offset().top && $(this).scrollTop() <= $('#header').offset().top) {
        $('#button').show();            // Show the arrow
    } else {
        $('#button').hide();            // Hide the arrow
    }   
});

https://jsfiddle.net/vo7Ley5e/2/