问题描述
我有一个建立在自托管 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 更改为与您不断变化的背景颜色匹配的更高参数?
有关导航栏的更多信息以及您如何更改颜色会有所帮助。