固定页眉出现在不同页面的不同位置

Question

我有一个网站建立在自我托管的Wordpress (Divi)。它会改变滚动上的顶部菜单徽标。我需要的标志，以改变当网站显示固定的标题，而不是主要的顶部菜单。我使用这个JQuery脚本：

<script>
    
jQuery(window).scroll(function () {
    if (jQuery(window).scrollTop() > 50) {
        jQuery('#logo').attr('src','link_to_fixed_header_logo')
    } else {
         jQuery('#logo').attr('src','link_to_primary_top_menu_logo')
    }
});

</script>

它在主页上运行良好，当固定的标题出现时，徽标会改变(并改变徽标的背景颜色)。然而，在所有其他页面上都有一个bug。固定的标题显示稍微低一点，正因为如此，徽标首先改变，然后背景改变。我怎么才能修复它？

我认为这可能有两种方式，或者是两个版本的脚本，或者一个可以在所有页面的同一点上显示固定的标题。

Answer 1

将if (jQuery(window).scrollTop() > 50 50更改为与不断变化的背景颜色相匹配的更高参数？

更多关于导航栏的信息以及如何更改颜色会很有帮助。