【问题标题】:Bootstrap, affix only after a certain scroll point引导,仅在某个滚动点之后附加
【发布时间】:2017-11-06 19:47:34
【问题描述】:

我正在使用 bootstrap 和 bootstrap-toc (https://afeld.github.io/bootstrap-toc/)

使用以下场景:

http://jsbin.com/cerozeleya/edit?output(一定要点击“用Js运行”才能看到侧边栏)

当我滚动视图时,我希望侧边栏滚动到不再显示 jumbotron 的位置。此时,它应该在内容滚动时保持固定。

我无法让包含的 jsbin 发生这种行为。我尝试在导航 #toc 中弄乱 data-offset-top/data-offset-bottom 属性,但没有任何变化。我在这里发现了另一个问题,它指示了对 css 的以下更改:

.affix{ top: 0px;}
.affix-bottom{ position: absolute;}

但这也没有用。我尝试阅读 affix 和 scrollspy 文档,但它要么没有点击我,要么我没有看到我做错了什么。

任何帮助表示赞赏。谢谢!

【问题讨论】:

    标签: twitter-bootstrap-3 scroll affix


    【解决方案1】:

    您必须在要附加的标签内使用数据偏移量顶部

    data-spy="affix" data-offset-top="197"
    

    例如。

    <nav id="toc" data-toggle="toc" data-spy="affix" data-offset-top="197"></nav>
    

    根据需要编辑偏移值

    【讨论】:

      猜你喜欢
      • 2021-10-25
      • 2017-01-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多