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

});