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

Question

当我向下滚动时，我的 WordPress 导航菜单变色时遇到问题。现在它是透明的，我希望当访问者向下滚动时它变成白色。我尝试了一些我在此处找到的自定义 CSS 和 Javascript 代码，但其中 none 有效。这是我的网站，请有人看一下。 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>

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

Make Navagation menu change color when scrolling down

javascript

css

wordpress

web-deployment