激活导航栏菜单项并在页面滚动时添加滚动状态

1. 将当前页面URL与导航栏菜单项的链接进行比较，如果匹配，则添加“active”类到菜单项，表示当前处于活动状态。

jQuery代码示例：

$(document).ready(function(){
  $('ul.navbar-nav li a[href="'+ window.location.href +'"]').addClass('active');
});

2. 当页面滚动并滚动位置超过特定高度时，在导航栏添加一个类来表示滚动状态。

jQuery代码示例：

$(window).scroll(function() {
  var scrollDistance = $(window).scrollTop();
  if(scrollDistance > 50) {
    $('.navbar').addClass('scrolling');
  } else {
    $('.navbar').removeClass('scrolling');
  }
});

CSS代码示例：

.navbar.scrolling {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
}