Bootstrap 3.3.7附加底部导航栏闪烁

时间:2018-03-12 16:45:31

标签: twitter-bootstrap affix

我正在尝试让一个位于页面底部的导航栏在滚动到视图之外时在屏幕底部变粘。

我在导航栏上添加了以下属性:

<nav class="navbar navbar-inverse" data-spy="affix" data-offset-bottom="350">

和css:

.affix { bottom: 0; }

当向下滚动页面时,导航栏应该是粘性的。当你到达偏移底部时,类'affix'应该变为'affix-bottom'。此时导航栏开始闪烁。在检查DOM时,您可以看到它切换每个像素的类别词缀/词缀底部。

使用data-offset-top实现顶级粘性导航栏时,一切正常。

我可以在bootstrap affix插件的w3schools示例中重现我的问题(不要忘记点击'run'): https://www.w3schools.com/code/tryit.asp?filename=FPAH8DBTOHUV

正如您所见,当您滚动到页面的最后时,导航栏将开始闪烁。是什么导致了这种奇怪的行为?

编辑:关于这个问题有很多线索,但没有一个真正有解决方案,或者至少是一个在我的w3schools例子中有效的解决方案:

0 个答案:

没有答案