第二个导航栏

时间:2015-11-10 04:54:01

标签: javascript scroll navigation

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

我理解这个过程很简单,但我无法理解!!

有人能告诉我他们是如何让第二个“固定”的并保持在页面顶部吗?

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

1 个答案:

答案 0 :(得分:0)

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

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