在Wordpress中更改粘性菜单项颜色

Question

我正在使用Wordpress创建一个网站，我有一个粘性菜单。当我在页面的上半部分时，背景是白色的，所以我使用黑色菜单项颜色。但是当我向下滚动时，会出现黑色菜单背景，使我的物品不可见。有没有办法改变CSS代码，所以菜单项默认颜色是黑色，但当我向下滚动时它变为白色？

Answer 1

如果我读得正确，您需要捕获滚动事件，当您不再位于页面顶部时，请更改标题的类。

<script>
    jQuery(document).ready(function($) {
        $(window).scroll(function () {
            if ($(window).scrollTop() > 100) { 
                $('header').addClass('shrink');
            }
            else{
                $('header').removeClass('shrink');
            }
        });
    });
</script>

此示例是使标题缩小，但同样适用于更改字体颜色，大小等。

见这里：https://journalxtra.com/wordpress/quicksnips/make-wordpress-theme-headers-shrink-on-scroll/