Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 修复滚动时隐藏的div导航_Css_Html - Fatal编程技术网

Css 修复滚动时隐藏的div导航

Css 修复滚动时隐藏的div导航,css,html,Css,Html,我有一个示例HTML5页面,上面粘贴了导航和内容区域 问题是当我垂直滚动时,没有被修复。如何使导航即使垂直滚动也固定在浏览器顶部?使用位置:fixed和z-index属性(您遇到的问题是由于图层:您的fixeddiv位于区域下): 创建另一个隐藏导航(与已使用的导航相同),并在用户向下滚动足够多时显示它 这就是要做到的 这是我网站上的信息。效果很好。不幸的是,区域应始终位于nav下方,而不是其后面。如果未设置z-index,是否可能?@Java博士:将top:25px应用于#区域分区。这是您要

我有一个示例HTML5页面,上面粘贴了导航和内容区域


问题是当我垂直滚动时,
没有被修复。如何使导航即使垂直滚动也固定在浏览器顶部?

使用
位置:fixed
z-index
属性(您遇到的问题是由于图层:您的
fixed
div
位于
区域下):


创建另一个隐藏导航(与已使用的导航相同),并在用户向下滚动足够多时显示它

这就是要做到的


这是我网站上的信息。

效果很好。不幸的是,
区域
应始终位于
nav
下方,而不是其后面。如果未设置
z-index
,是否可能?@Java博士:将
top:25px
应用于
#区域
分区。这是您要找的吗?
#nav{
   position:fixed;
   top:0;
   width:100%;
   height: 25px;
   z-index:50;
   background: blue;
}
body {
    margin: 0px;
    width: 100%;
    height: 120%;
    background: red;
}
#nav {
    position: fixed;
    width: 100%;
    z-index: 99;
    height: 25px;
    background: blue;
}