当页面向下滚动时,导航栏移动到顶部
问题描述:
最近找到了此页面,并且想要复制其网站的导航栏。当页面向下滚动时,导航栏移动到顶部
当你注意到,当页面加载导航栏使用透明背景,并有填充。但是当用户向下滚动时,酒吧会向上滑动并粘在顶部。相当了不起!
如果我用不误引导的导航栏本身,但我不知道他们是怎么做到的scolling下来当滑动到顶部。
任何人有任何想法如何可以完成?
感谢 JIACHEN :)
答
它是使用设置的位置固定和顶部为0px完成。 它继续检查Navbar的偏移量,一旦它到达顶部,它使它固定与顶部0px。 你可以找到一个工作示例How to Bootstrap navbar static to fixed on scroll?。您可以在哪里找到有效的JSFiddle URL。
希望这可以帮助你了解它是如何完成的。