第二个导航栏

Second Navigation Bar

在这个网站上:http://www.apple.com/ca/ipad-pro/是苹果网站。在页面顶部,您将看到两个导航栏。最上面的那个是主要的,它下面的那个在你向下滚动到视线之外超过第一个后出现。

我明白这个过程很简单,但我想不通!!

谁能告诉我他们是如何制作第二个 "fixed" 并保持在页面顶部的?

当我尝试这个时,我的导航栏在顶部导航和底部导航之间有一个 space。很确定它是 Javascript,但我还不够了解。谢谢

一旦用户滚动到某个点,您基本上会将辅助导航的属性更改为 position: fixed; top: 0;。查看本教程:

https://teamtreehouse.com/community/forum-tip-create-a-sticky-navigation-with-css-and-jquery-2