показать/скрыть div с помощью scrollTop

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

});