當窗口等於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/