【发布时间】:2014-02-21 00:29:10
【问题描述】:
我尝试关注 this tutorial 为我的网站创建一个词缀,但有一些内容不正确,我无法找出原因。
- 滚动时,ul的宽度略有变化,从165-166px
- 向下滚动后,词缀不会停留在顶部,而是固定在页面底部附近
- 研究 li 有时根本没有突出显示
这是我的代码:JSBin
我做错了什么?
【问题讨论】:
标签: html css twitter-bootstrap
我尝试关注 this tutorial 为我的网站创建一个词缀,但有一些内容不正确,我无法找出原因。
这是我的代码:JSBin
我做错了什么?
【问题讨论】:
标签: html css twitter-bootstrap
来自引导文档:
词缀插件在三个类之间切换,每个类代表一个特定状态:.affix、.affix-top 和 .affix-bottom。您必须自己提供这些类的样式(独立于此插件)以处理实际位置。
这应该可以解决您的问题 1 和 2。对于问题编号 3,如果您滚动得太快,它会跳过它,因为与页面高度相比,它离下一个锚点太近了。您可以增加间距或添加更多内容。
【讨论】:
position: fixed,而对于.affix-bottom,我们应该在必要时添加position: absolute。但究竟什么时候需要呢?
data-offset-top和data-offset-bottom,但没有明确说明如何为这些属性选择值...