Navigation 创建固定导航栏
我有下面的导航栏,当页面滚动时向下滚动,如果设备高于其宽度,则改变位置;如果设备高于其宽度,则显示在左侧某处,否则显示在顶部 我有以下执行代码:Navigation 创建固定导航栏,navigation,Navigation,我有下面的导航栏,当页面滚动时向下滚动,如果设备高于其宽度,则改变位置;如果设备高于其宽度,则显示在左侧某处,否则显示在顶部 我有以下执行代码: #navbar li{显示:内联;列表样式类型:无;列表样式图像:无;} @仅媒体屏幕 和(最小设备宽度:768px) 和(最大设备宽度:1024px) 和(方向:纵向){ #navbar li{显示:块;列表样式类型:无;列表样式图像:无;} 我需要代码来创建导航区域: 始终可见,即使在滚动时也是如此。这是如何做到的???您需要在CSS中添加
#navbar li{显示:内联;列表样式类型:无;列表样式图像:无;}
@仅媒体屏幕
和(最小设备宽度:768px)
和(最大设备宽度:1024px)
和(方向:纵向){
#navbar li{显示:块;列表样式类型:无;列表样式图像:无;}
我需要代码来创建导航区域:
始终可见,即使在滚动时也是如此。这是如何做到的???您需要在CSS中添加“position:fixed;”,并指定一个比其他容器更高的z-index(有些人使用“z-index:100;”)。我在这个网站上了解了z-index,尝试搜索吧!希望这有帮助。第一次尝试是添加
position: fixed;
指向菜单包装元素的CSS。
在您的情况下:#navbar ul
加
到您的CSS文件。您现在可能需要为下面的元素添加边距。请提供working fiddle。什么???您至少应该知道如何至少完成其中一项工作???在working fiddle中,我们可以更容易地提供解决方案。这不是说我们应该从头开始编写。您必须展示您尝试了什么?Ben这不是一家“为我编写代码”的商店——你在问题完成后将其保留,以便其他人可以从你的问题中学习。我已还原了你的编辑,删除了原始问题。
#navbar {
position: fixed;
}