NEWER
所以滚动现在正在工作......但它固定在页面顶部。我需要它位于正确的位置(内容旁边),然后开始在内容的当前位置滚动。
我正在尝试让我的侧边栏像这里一样滚动 ->http://getbootstrap.com/2.3.2/components.html http://getbootstrap.com/2.3.2/components.html
该网站是http://www.katyasarmiento.zzl.org http://www.katyasarmiento.zzl.org(目前是免费托管网站)
OLDER
我真的很难受。我已经查遍了所有能查到的资料,但仍然无法弄清楚。我通过我找到的教程让它工作了一段时间,但它与 ScrollSpy 的工作效果不佳。所以我尝试使用 Bootstrap 的 Affix。
我是 javascript / jquery 的新手,所以如果有人可以查看我的网站并检查我做错了什么。
我认为 ScrollSpy 现在正在工作,我只是无法让侧边栏随页面滚动。
好吧,我开始工作了!
我所做的是改变以下内容......
<div class="bs-docs-sidebar span3">
<ul class="nav nav-list bs-docs-sidenav affix-top">
To...
<div class="bs-docs-sidebar span3">
<ul class="nav nav-list bs-docs-sidenav affix" data-spy="affix" data-offset-top="255" data-offset-bottom="200">
因此,我将 data-spy 和 data-offset 放在“bs-docs-sidenav”类上,将脚本也更改为该类,而不是“bs-docs-sidebar”类。
然后我编辑了“affix-top”、“affix”和“affix-bottom”的css,效果很好:)
我最初的问题是指 sidebar 类而不是 sidenav 类,因为这就是我的 Affix CSS 正在处理的内容。
希望这对遇到与我类似问题的人有所帮助:)
对我有帮助的是these http://coderguy.com/2013/06/18/twitter-bootstrap-affix-nav-tutorial.html 教程 http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-affix.php.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)