自举

Question

我的单页导航网站似乎遇到了问题。当我按下键或甚至向下滚动时，链接不会改变。我做错了什么？我发布了一个关于我遇到的问题的视频。

Answer 1

因此，您有两种选择来查看现有代码。您可以使用bootstrap javascript或 jquery.nav来获取此功能，这是我认为您尝试使用的功能。无论如何，我都会给出两者的示例用法。

$('body').scrollspy({ target: '#navbar-example' });

其中#navbar-example是任何Bootstrap .nav组件的父元素的ID或类。

Jquery.nav

$('#nav').onePageNav({
    changeHash: true,
    scrollSpeed: 750,
});

如果你查看你的代码，你的第一行的等价物是不正确的（你有$('#nav').onePageNav();）。

在应用课程<li>时，您还需要定位导航栏.current标记：

.navbar-default .navbar-nav > li.current > a {
    color:#333;
}

Demo fiddle。我使用类navbar-fixed-top修复了导航栏，因此更加明显。