Javascript 航路点不适用于Bootstrap3类？

我在让waypoints.js插件与bootstrap3正确工作时遇到问题

这是一个带有绝对默认的裸体引导样板文件的页面，其中粘贴了导航条形码。我只是对“Stick”类应用了一些非常基本的样式，以查看它何时启动，使其变为红色并固定在视口顶部。Waypoints在页面加载而不是滚动时将“卡住”类应用于.test元素

我知道我的javascript代码片段是正确的，因为它适用于引导div以外的其他元素。下面是与上面完全相同的文件，唯一的区别是引导navbar被一个通用div替换。它的工作原理与预期的一样

在我的第一个示例中，我不明白为什么航路点不能正常工作，但解决方案可能就在我面前，有人知道吗

---

谢谢

在使用引导导航的示例中，该导航位于页面顶部。没有可滚动的空间，您已经在页面加载时点击了它。在非引导示例中，您的

h2

元素有一些边距，使导航元素距离页面顶部约20px，您可以看到这两种状态。

在使用引导导航的示例中，导航位于页面顶部。没有可滚动的空间，您已经在页面加载时点击了它。在非引导示例中，您的

h2

元素有一些边距，使导航元素距离页面顶部约20px，您可以看到这两种状态。

在使用引导导航的示例中，导航位于页面顶部。没有可滚动的空间，您已经在页面加载时点击了它。在非引导示例中，您的

h2

元素有一些边距，使导航元素距离页面顶部约20px，您可以看到这两种状态。

在使用引导导航的示例中，导航位于页面顶部。没有可滚动的空间，您已经在页面加载时点击了它。在非引导示例中，您的

h2

元素有一些空白，导致导航元素距离页面顶部约20px，并且您可以看到这两种状态。

在问题中发布代码，而不是代码链接。是的，我理解，但我需要发布太多代码，这不会有效率。谢谢你的提醒。在问题中发布代码，而不是代码的链接。是的，我理解，但我需要发布太多的代码，这不会有效率。谢谢你的提醒。在问题中发布代码，而不是代码的链接。是的，我理解，但我需要发布太多的代码，这不会有效率。谢谢你的提醒。在问题中发布代码，而不是代码的链接。是的，我理解，但我需要发布太多的代码，这不会有效率。谢谢你的提醒。谢谢你花时间回答！你是这个插件的制造商吗？读了你的评论后，我在顶部加了1倍的空白，一切正常。就像我说的解决方案就在我面前。再次感谢！：-）感谢您抽出时间回答！你是这个插件的制造商吗？读了你的评论后，我在顶部加了1倍的空白，一切正常。就像我说的解决方案就在我面前。再次感谢！：-）感谢您抽出时间回答！你是这个插件的制造商吗？读了你的评论后，我在顶部加了1倍的空白，一切正常。就像我说的解决方案就在我面前。再次感谢！：-）感谢您抽出时间回答！你是这个插件的制造商吗？读了你的评论后，我在顶部加了1倍的空白，一切正常。就像我说的解决方案就在我面前。再次感谢！：-）