第二个导航栏
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
在这个网站上: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