Bootstrap, 仅在某个滚动点后附加

Question

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

使用以下场景：

http://jsbin.com/cerozeleya/edit?output（确保单击 "run with Js" 才能看到边栏）

当我滚动视图时，我希望边栏滚动到超大屏幕不再可见的位置。那时，它应该在内容滚动时保持固定状态。

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

进行以下更改

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

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

感谢任何帮助。谢谢！

Answer 1

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

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

例如

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

根据需要编辑偏移值