向下滚动时使导航菜单更改颜色

Question

当我向下滚动时，我的 WordPress 导航菜单更改颜色时遇到问题。现在它是透明的，当访问者向下滚动时，我希望它变成白色。我尝试了一些在这里找到的自定义 CSS 和 Javascript 代码，但它们都不起作用。这是我的网站，有人可以看看吗？ https://seoitservice.com/

Answer 1

删除此脚本

<script type="text/javascript">
    $(document).ready(function(){
        var scroll_start=0;
        var startchange=$('#startchange');
        var offset=startchange.offset();
        if(startchange.length){
            $(document).scroll(function(){
                scroll_start=$(this).scrollTop();
                if(scroll_start>offset.top){
                    $(".navbar-default").css('background-color','#f0f0f0');
                }else{
                    $('.navbar-default').css('background-color','transparent');
                }
            });
        }
    });
</script> 

以及</head>标签上方的这个脚本和样式。

<script type="text/javascript">
    jQuery(window).scroll(function() {    
        var scroll = jQuery(window).scrollTop();
        if (scroll >= 500) {       
            jQuery(".main-header-bar-wrap").addClass("fixedHeader");
        }else{
            jQuery(".main-header-bar-wrap").removeClass("fixedHeader");
        }
    }); 
</script> 

<style>
.main-header-bar-wrap.fixedHeader{
    background-color:#f0f0f0;
}
</style>