Bootstrap Affix - 关于data-offset-bottom的任何教程？

Question

我试过在那里寻找那么多的词缀教程,但是他们都讨论了data-offset-top.这里的任何人都知道数据偏移底部的教程？
我试过在这里写一些代码
https://jsfiddle.net/okiewardoyo/3m8oeLp5/
上面的jsfiddle形式,我尝试使用data-offset-top,

<ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="100">

我想要的是,当用户滚动到页脚apear时,黄色侧栏变得不固定并跟随页脚.
我想,我们可以在这里使用data-offset-bottom.但是怎么做？谢谢

Answer 1

我认为W3School的教程对你的问题很清楚,这里有一些简单的教程

偏移顶部或底部仅指示哪个部分将"固定"(这是可选信息).因为你希望它在词缀位于底部时停止位置(类更改为词缀 - 底部)这个位置应该是绝对的,所以元素不会继续应用词缀(通常问题是类词缀底部不是被应用).

要做到这一点,你可以使用jQuery和词缀功能,因为它在两个链接中说任何其他方式你必须硬分配这个值(页脚的高度).分配的位置

#nav1.affix-bottom { position: absolute; }

导航的外观如何:

`<ul id="nav1" class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="100" data-offset-bottom="600">`

你的例子工作(实际上我也从他的容器移动导航,但以任何方式工作)