我有带有引导词缀的导航，并且想在滚动时更改活动的 li。我已经尝试过文档中给出的内容，但无法修复。有人可以帮我修复它吗？您可以在网址http://www.thephpcode.com/help/website-generation-using-pcg.html中看到我的页面
问问题
6930 次
1 回答
14
您要求的功能由Scrollspy插件提供。另一方面，所做的只是在某个偏移量后affix为您提供一个固定值。nav由于词缀经常与 Scrollspy 结合使用，这可能会导致混淆每个插件的作用。
要scrollspy在您的页面中使用该插件，请将以下属性添加到<body>您的页面元素中。
将标识符添加到列表元素的
<div>容器中：nav<div class="col-md-3" id="sidenav"> <ul class="nav nav-list pcg-help-affix affix-top" data-toggle="affix" data-spy="affix" data-offset-top="200" id="navbar2">将 Scrollspy 插件应用到您的
<body>元素：<body style="" data-spy="scroll" data-target="#sidenav">
现在，active当您滚动时会切换类（参见演示）。
但是没有对链接应用不同的样式。这是因为您需要使用导航栏修复一些问题。nav-list在 Bootstrap 3 中不再使用。改用类nav-pills并nav-stacked获得很好的效果：
<ul class="nav nav-pills nav-stacked pcg-help-affix affix-top" data-toggle="affix" data-spy="affix" data-offset-top="200" id="navbar2">
此外，初始页面应将.active类应用于“设置”链接而不是“设计”链接。
检查这个工作演示。
于 2013-09-06T10:07:36.417 回答