使用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(); 
     } 
    } 

});