我正在将 Bootstrap 3 用于我正在构建的单页网站。我有一些我似乎无法克服的问题。
卷轴间谍:
第一个问题是关于 Scrollspy。我已经实现了这一点,但我想在向上滚动经过最顶部的锚点时取消绑定 scrollspy。目前导航中有三个项目,最上面的一个是“工作”。在网站上向上滚动超出此区域时,我想取消绑定“间谍”。我想出了一个想法,在导航中添加一个额外的项目(使用等效的锚点),然后将其定位在页面之外,但这感觉有点脏!
手机上的折叠菜单:
我遇到的另外两个问题与移动设备上的折叠菜单有关(在 iPhone 4 上测试)。
第一个很简单,当导航打开时,然后点击菜单切换(再次关闭它)折叠的菜单会奇怪地闪烁,它不仅仅是动画回来(就像在网络上那样)。
第二个问题是我希望在点击其中一个菜单项时导航消失。我目前正在使用以下代码,但它似乎会导致页面的一些疯狂滚动(再次在移动设备上):
$('.nav li a').on('click',function(){
$('.navbar-collapse').collapse('toggle');
})
任何帮助是极大的赞赏!