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

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

问题描述:

最近找到了此页面,并且想要复制其网站的导航栏。当页面向下滚动时,导航栏移动到顶部

当你注意到,当页面加载导航栏使用透明背景,并有填充。但是当用户向下滚动时,酒吧会向上滑动并粘在顶部。相当了不起!

http://whois.domaintools.com/

如果我用不误引导的导航栏本身,但我不知道他们是怎么做到的scolling下来当滑动到顶部。

任何人有任何想法如何可以完成?

感谢 JIACHEN :)

它是使用设置的位置固定和顶部为0px完成。 它继续检查Navbar的偏移量,一旦它到达顶部,它使它固定与顶部0px。 你可以找到一个工作示例How to Bootstrap navbar static to fixed on scroll?。您可以在哪里找到有效的JSFiddle URL。

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