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

如何解决固定页眉出现在不同页面的不同位置

我有一个建立在自托管 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>

它在主页上运行良好，当固定标题出现时徽标会发生变化（并更改徽标的背景颜色）。 但是，所有其他页面上都有一个错误。固定标题显示的稍微低一点，因此，徽标先更改，然后背景更改。我该如何解决？

我认为可以通过两种方式来完成，要么可以制作两个版本的脚本，要么可以在所有页面的同一点上显示固定标题。

解决方法

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

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