jquery透明导航栏仅在第一页

我已经制作了一个jquery脚本，它使我的导航栏从

透明-彩色

开始，我想知道我是否只能在第一页上实现这一点

我还想说，我正在从控制器加载我的页面，所有页面都有相同的页眉和页脚

var OFFSET_TOP = 50;
$(window).scroll(function () {
  if ($('.navbar').length) {
    if ($('.navbar').offset().top > OFFSET_TOP) {
      $('.scrolling-navbar').addClass('top-nav-collapse');
    } else {
      $('.scrolling-navbar').removeClass('top-nav-collapse');
    }
  }
});

CSS

---

所以应该有不同的方法

我推荐的是

$(window).scroll(function(){
        if($(document).scrollTop()>50) {
            $('.navbar').addClass('shrink');
        }
        else {
            $('.navbar').removeClass('shrink');
        }
    });

还有我的.navbar.shrink的css是

.navbar .shrink { 
    background-color: rgba(0, 0, 0, 0.92);
    height: 50px;
}

---

“只在第一页”是什么意思？仅仅是登录页，或者只是第一次加载，或者其他什么？从你的问题中不可能知道如何知道你是否在“第一页”或者控制器是什么，因此你的问题在登录页的当前状态下几乎不可能回答

.navbar .shrink { 
    background-color: rgba(0, 0, 0, 0.92);
    height: 50px;
}