使用scrollTop顯示/隱藏div

Question

我試圖創建一個腳本，它將顯示div如果500px < scrollTop < 800px否則它將被隱藏。所以如果我的滾動從0到500，從800到更多，它是隱藏的，在500到800之間顯示。我是新來的JavaScript，但是這是我曾嘗試：

$(document).ready(function(){ 

$(window).scroll(function(){ 
    if ($(this).scrollTop() > 500) { 
     $('.myDiv').fadeIn(); 
    } else { 
     $('.myDiv').fadeOut(); 
    } 
    if ($(this).scrollTop() > 800) { 
     $('.myDiv').fadeOut(); 
    } 
}); 

然而滾動到800級它的錯誤後，開始無休止地隱藏和顯示。有什麼方法可以解決它嗎？

Answer 1

$(window).scroll(function(){ 

    if ($(this).scrollTop() > 800) { 
     $('.myDiv').fadeOut(); 
    } 
    else { 
     if ($(this).scrollTop() > 500) { 
      $('.myDiv').fadeIn(); 
     } else { 
      $('.myDiv').fadeOut(); 
     } 
    } 

});