没有使用Bootstrap3类的航点？

Question

我在使用bootstrap3正确使用waypoints.js插件时遇到了问题。

这是一个页面，其中包含绝对默认的准系统bootstrap样板和粘贴在其中的导航栏代码。我只是将一些非常基本的造型应用于＆＃34;卡住＆＃34;类来查看它何时开始，使其变为红色并粘在视口的顶部。 Waypoints适用于＆＃34;卡住＆＃34;在页面加载时将类放到.test元素而不是滚动时。

http://garbage.altervista.org/bower_components/withbootstrapnav.html

我知道我的javascript代码片段是正确的，因为它适用于除bootstrap div之外的其他元素。下面是与上面完全相同的文件，唯一的区别是bootstrap navbar被泛型div替换。它的工作方式与预期一致。

http://garbage.altervista.org/bower_components/withoutbootstrapnav.html

我无法弄清楚为什么航点在我的第一个例子中没有正常工作，但解决方案可能就在我面前，任何人都可以使用？

谢谢！

Answer 1

在使用Bootstrap导航的示例中，该导航位于页面顶部。 没有滚动的空间，你已经在页面加载时点击了它。在非引导示例中，h2元素具有一些边距，导致导航元素距离页面顶部约20px，并且您可以看到两种状态。