【问题标题】:Boostrap 3 Affix Sidebar not working rightBootstrap 3 Affix 侧边栏无法正常工作
【发布时间】:2014-02-21 00:29:10
【问题描述】:

我尝试关注 this tutorial 为我的网站创建一个词缀,但有一些内容不正确,我无法找出原因。

  1. 滚动时,ul的宽度略有变化,从165-166px
  2. 向下滚动后,词缀不会停留在顶部,而是固定在页面底部附近
  3. 研究 li 有时根本没有突出显示

这是我的代码:JSBin

我做错了什么?

【问题讨论】:

    标签: html css twitter-bootstrap


    【解决方案1】:

    来自引导文档:

    词缀插件在三个类之间切换,每个类代表一个特定状态:.affix.affix-top.affix-bottom。您必须自己提供这些类的样式(独立于此插件)以处理实际位置。

    这应该可以解决您的问题 1 和 2。对于问题编号 3,如果您滚动得太快,它会跳过它,因为与页面高度相比,它离下一个锚点太近了。您可以增加间距或添加更多内容。

    【讨论】:

    • 文档对我来说似乎很模糊。它说我必须为.affix、.affix-top和.affix-bottom提供CSS定位,但也说对于.affix-top,不需要CSS定位,对于.affix,Bootstrap的代码CSS已经设置position: fixed,而对于.affix-bottom,我们应该在必要时添加position: absolute。但究竟什么时候需要呢?
    • 另外,它引入了data-offset-topdata-offset-bottom,但没有明确说明如何为这些属性选择值...
    • 我在词缀插件上遇到了完全相同的问题,我同意它很模糊。最好的办法是试验或浏览其他一些使用该插件的引导站点。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多