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

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>

它在主页上工作正常，当固定标题出现时徽标会更改（并更改徽标的背景颜色）。但是，所有其他页面上都有一个错误。固定的标题显示得稍微低一些，正因为如此，标志先改变，然后背景改变。我该如何解决？

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

Answer 1

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

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