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;
    }