当页面向下滚动时，导航栏移动到顶部

Question

最近发现这个页面，想为我的网站复制它的导航栏。

如您所见，当页面加载时，导航栏使用透明背景并具有填充。但是当用户向下滚动时，该栏向上滑动并粘在顶部。太棒了！

http://whois.domaintools.com/

如果我没记错的话 bootstrap 用于导航栏本身，但我不知道他们是如何在向下滚动时使其滑到顶部的。

有人知道如何实现吗？

谢谢 家臣:)

Answer 1

通过将位置设置为 Fixed 并将顶部设置为 0px 来完成。 它继续检查 Navbar 的偏移量，一旦它到达顶部，它就会固定在顶部 0px。 您可以找到一个工作示例 How to Bootstrap navbar static to fixed on scroll?。在哪里可以找到有效的 JSFiddle URL.

希望这可以帮助您了解它是如何完成的。