jquery - 向下滚动时显示 Nav Div

Question

当用户向下滚动传递一个名为 .header1 的 div 类时，我希望一个 div 出现在顶部(这个 div 内部还有 3 个其他 div)

我希望导航出现在 .fixedDiv 中。我找到了答案 here ，但我无法在我的网站上实现它。 这是我得到的

<script type="text/javascript">
    var startY = $('.header1').position().top + $('.header1').outerHeight();
    $(window).scroll(function () {
        if( $(this).scrollTop() > startY ){
            $('.fixedDiv').slideDown();
        }else{
            $('.fixedDiv').slideUp();
        }
    });
</script>

我的网站上有一个名为 .fixedDiv 的 div，上面写着 topnav，我的问题是 div 始终存在。向下滚动时它不会隐藏或显示。

This是我网站的链接。

对于 css，我没有为 .header1 设置任何东西，因为其他 div 在里面，它们应该是 .fixedDiv 出现所需的高度。并且 .fixedDiv 有 css

.fixedDiv {
    position:fixed;
    top:0px;
    left:0px;
    background:orange;
}

我知道我快要完成这项工作了，但我似乎无法弄清楚我错过了什么。

Answer 1

为什么不在滚动时使用 fadeIn 和 fadeOut 以及 setInterval 呢？类似于...

.scroll( function()
{
    if($(".fixedDiv").css('display', 'none'))
    {
        $(".fixedDiv").fadeIn("normal", function()
        {
            setInterval( function() { $(".fixedDiv").fadeOut("normal"); }, 1500 );
        });
    }
}