当窗口等于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/