我有以下javascript函数作为我用于也使用Bootstrap的网页的主题的一部分。该函数根据用户是否滚动离开页面顶部,为导航栏替换两个bootstrap CSS类。
当用户位于我网站的初始欢迎页面时,我只希望此功能正常工作,其中' navbar-default'上课是合适的。在所有其他页面上,我希望导航栏保持' navbar-inverse'
有谁能告诉我如何在javascript文件中执行此操作?我正在使用Ruby。
// Toggle navbar on scroll
$window.scroll(function() {
scrollTop = $window.scrollTop();
if (scrollTop > 0 && $('.navbar-default').length) {
navbar.removeClass('navbar-default').addClass('navbar-inverse');
} else if (scrollTop == 0) {
navbar.removeClass('navbar-inverse').addClass('navbar-default');
}
});