粘性导航-JS Waypoints问题与浏览器上的自定义粘滞导航调整大小

Question

我有一个自定义粘滞导航演示。

演示：http://evanzio.github.io/custom-sticky-header-nav/

回购：https://github.com/evanzio/custom-sticky-header-nav

功能规格：页面上着陆时

页眉应该坚持客户端窗口的底部。 向下滚动时，标题应保持不变。 一旦第一张图像变得完全可见，标题应该停止粘贴到底部并继续随滚动一起移动。 一旦标题达到客户端视口的顶部，它就会粘在顶部。

这一切正常，直到窗口调整大小。一旦页面从大到小调整大小，航点看起来就会变得混乱起来，并且头部会在随机点粘住和松开。

重复问题的步骤。在大

滚动

1. 加载页面，该页面
2. 大小调整浏览器的宽度小
3. 开始滚动备份和底部你会看到它跳四周，这里头应该留下空白是。

我相信调整路标应该自动刷新，所以不知道为什么这是打破？有人有主意吗？

或其他任何方式来实现功能规格？

谢谢！

Answer 1

所以在玩了一番之后，我意识到这是因为我在路点元素上有一个固定的位置。这是一个不是！