【问题标题】:taller navbar breaking the docking position of scrollspy in bootstrap更高的导航栏打破了 bootstrap 中 scrollspy 的停靠位置
【发布时间】:2013-04-23 12:43:45
【问题描述】:

我想在不破坏 twitter bootstrap 中的固定停靠行为的情况下更改导航栏的高度。我在哪里可以调整这个设置?更改 nav 元素的 offset 属性似乎并不能解决问题。

这是一个子导航在导航栏高度改变之前正确停靠的示例,如果向下滚动,您将看到导航栏停靠:

http://www.pictorious.com/about

但是,一旦我将导航栏设置得更高,子导航就会完全隐藏在下方,以为导航与以前的高度相同。

【问题讨论】:

    标签: twitter-bootstrap scrollspy


    【解决方案1】:

    从 main.css 的第 174 行开始,你有:

    .subnav-fixed {
      position: fixed;
      top: 40px;
      ....
    }  
    

    您是否尝试过将 top: 40px 更改为主导航栏的新高度?

    您可能还想在

    中调整 data-offset 的值
    <body data-spy="scroll" data-target=".subnav" data-offset="50">
    

    【讨论】:

    • 我们喜欢听到的 ;)
    猜你喜欢
    • 2021-01-17
    • 1970-01-01
    • 2019-03-19
    • 2015-03-20
    • 1970-01-01
    • 1970-01-01
    • 2017-02-02
    • 2017-11-14
    • 2018-02-11
    相关资源
    最近更新 更多