scrolltopを使用してdivを表示/非表示

Question

divを表示するスクリプトを作成しようとしています.0x38x < 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(); 
     } 
    } 

});