Jquery 滚动时滑动导航不可见

我使用jquery在用户向下滚动网站时保持顶部导航可见。如果用户向下滚动页面，滑动导航的jquery代码仍然有效，但滑动导航的div不可见

HTML代码

    <div id="headerwrapper">
        <header>
            <img id="logo" src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Unified Software Solutions">

            <img id="navigation" src="<?php echo get_template_directory_uri(); ?>/images/nav.png" alt="Navigation">

            <div id="navigation_menu">
                <ul id="menu-navigation>
                <!-- nav items -->
                </ul>
            </div>
        </header>
    </div>

滚动JQuery代码

jQuery(document).ready(function($){

    $(window).scroll(function(){
        if($(window).scrollTop() > 40){
            $("#headerwrapper").css("position", "fixed");
        }

        if($(window).scrollTop() < 40){
            $("#headerwrapper").css("position", "relative");
        }
    });

});

jQuery(document).ready(function($){
    var slid = false;
    var right = $("#navigation_menu").css("right");

    $("#navigation").click(function(){
        if(!slid && right == "-400px"){
            $("#navigation_menu").animate({right: '0px'});
            slid = true;
            return;
        }
        else{
            $("#navigation_menu").animate({right: '-400px'});
            slid = false;
            return;
        }
    });
});

---

滑动导航代码一直工作，直到页面被滚动。然后它仍然会滚动，但似乎z索引有问题。至少我可以从Chrome开发者控制台推断出这一点。潜水滑梯，但在所有东西下面。非常感谢您的帮助。

您必须显示更多HTML（不仅仅是页眉）。内容div通常是页眉和页脚之间的所有内容。我认为既然div显示在content div下，那就足够了。css是我到目前为止所做的一切，所以它工作得很好——不，不是。正如我多次指出的，当我向下滚动时，滑动导航不起作用。这在你的链接中甚至很明显。它与

位置：fixed

（在#导航)菜单上）一起工作，但我不；我不知道你是否擅长这个。

jQuery(document).ready(function($){
    var slid = false;
    var right = $("#navigation_menu").css("right");

    $("#navigation").click(function(){
        if(!slid && right == "-400px"){
            $("#navigation_menu").animate({right: '0px'});
            slid = true;
            return;
        }
        else{
            $("#navigation_menu").animate({right: '-400px'});
            slid = false;
            return;
        }
    });
});