第二个导航栏

Second Navigation Bar

本文关键字：导航第二个更新时间：2023-09-26

在此网站上：http://www.apple.com/ca/ipad-pro/是苹果公司的网站。在页面顶部，您将看到两个导航栏。最上面的一个是主要的一个，下面的一个在你向下滚动超过第一个后出现。

我知道这个过程很简单，但我想不通！！

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

当我尝试这个时，我的导航栏在顶部导航和底部导航之间有一个空间。很确定它是Javascript，但我知道的还不够。感谢

一旦用户滚动过某个点，基本上将次要导航的属性更改为position: fixed; top: 0;。查看本教程：

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