Nis*_*ish 3 javascript twitter-bootstrap affix
我有导航附件的导航,并希望在滚动时更改活动的li.我已经尝试了文档中给出的但无法解决的问题.有人可以帮我修理吗？您可以在网址http://www.thephpcode.com/help/website-generation-using-pcg.html中查看我的网页
eds*_*ufi 14
您要求的功能由Scrollspy插件提供.另一方面,所有这一切都是在一定的偏移量后affix为您提供固定的nav.由于词缀经常与Scrollspy结合使用,因此这可能是每个插件角色的混淆源.
要scrollspy在页面中使用插件,请将以下属性添加到<body>页面元素中.
将标识符添加到list元素的<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在引导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类应用于"设置"链接而不是"设计"链接.
查看此工作演示.