使用scrollTop顯示/隱藏div

Question

我正在嘗試創建一個腳本，如果500px <scrollTop <800px，它將顯示div，否則將被隱藏。 因此，如果我的滾動條是從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();
       }
    }

});