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

Question

最近找到此页面，并希望将其导航栏复制到我的网站。

正如您所注意到的，当页面加载时，导航栏使用透明背景并且具有填充。但是当用户向下滚动时，条形图会向上滑动并粘到顶部。太棒了！

http://whois.domaintools.com/

如果我没错，导航栏本身就会使用bootstrap，但我不知道它们是如何让它在向下晃动时滑到顶部的。

任何人都知道如何实现这一目标？

由于 JIACHEN：）

Answer 1

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

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