滚动时导航栏变色后无法恢复原色问题求助

你的代码只实现了向下滚动超过300px时的变色逻辑，完全没处理滚动回到300px及以下的情况，所以往上滚回顶部时导航栏不会恢复原样。

修正后的JS代码 #

$(document).ready(function(){
    $(window).scroll(function(){
        var scroll = $(window).scrollTop();
        if (scroll > 300) {
          $(".navbar-custom").css("background" , "blue");
        } else {
          // 把这里的transparent换成你导航栏原本的基础背景色
          $(".navbar-custom").css("background" , "transparent");
        }
    })
})

核心改动说明 #

• 新增else分支：当滚动距离≤300px时，重置导航栏背景为初始颜色
• 滚动事件每次触发都会判断当前滚动位置，不管上下滚动都能正确切换样式

内容的提问来源于stack exchange，提问作者xajetin