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

开启和关闭效果（闪烁效果）主要是由于1个像素表示您的淡入淡出效果缺失。 所以只需使用： scroll >= 300 代替： scroll > 300

Answer 2

我同意@Adam Barker，你也可以停止动画队列：$（'＃header'）。stop（true）.fadeIn（）;