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>

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

1 个答案: