jQuery - 标题闪烁

Question

大家好，这里是我的 jQuery:

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
    $( document ).ready(function() {
        $(window).scroll(function(){
            scroll = $(window).scrollTop();
            if (scroll > 100 && scroll < 300){
                $('#header').fadeOut();
            }

            if (scroll > 300){
                $('#header').fadeIn();
            }
        });
    });
</script>

默认情况下，#header 是隐藏的，我希望它在页面下方进一步取消隐藏，但如果我更改 jQuery 中的任何数字，标题将只是闪烁。我不太了解代码，无法理解为什么会这样。

Answer 1

开关效果(blinking effect)主要是你的淡入淡出效果少了1个像素。 所以只需使用:滚动 >= 300 而不是: 滚动 > 300