粘性导航 - 在浏览器调整大小

Question

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

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

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

功能规格：

登陆页面时，标题应粘贴到客户端窗口的底部。 向下滚动时，标题应保持固定。 一旦第一张图像完全可见，标题应停止粘贴到底部并继续随着滚动移动。 一旦标题点击客户端视口的顶部，它就会粘在顶部。

一切正常，直到窗口调整大小。一旦页面从大到小调整大小，航点似乎就会陷入混乱，并且标题在随机点上粘住并且不起作用。

复制问题的步骤。

1. 大页面加载
2. 滚动到页面底部
3. 将浏览器宽度调整为小
4. 开始向上滚动，你会看到它跳了起来，并在标题应该留下一个空格。

我相信调整大小应该自动刷新，所以不确定为什么这会破坏？有人有什么想法吗？

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

谢谢！

Answer 1

所以经过一些游戏后，我意识到这是因为我在一个航路点元素上有一个固定的位置。哪个是NO NO！