总是可见的导航栏

-1

嗨，大家好，我正在一个网页上工作，即使用户向下滚动页面，导航栏也必须始终可见。我想说的是，导航栏应该可以看到各种方式。有谁阅读知道如何做到这一点。总是可见的导航栏

来源

2017-04-23 Akhil

是的，你有什么尝试过自己？发布你的代码到目前为止 – LGSon

我没有尝试任何事情，因为我不知道要开始。 – Akhil

然后我建议你先做一个研究。尝试和谷歌和使用这个搜索'导航栏总是必须是可见的，即使用户向下滚动页面.... ....不能更简单，你不必坐下来等待别人找到它对你来说 – LGSon

-1

如果你正在寻找一个基本的方式做到这一点，请尝试使用固定的定位，像这样：

<html> 
<body> 

    <style> 
    .navbar { 
     position: fixed; 
     top: 0; 
     width: 100%; 
    } 
    </style> 

    <div class="navbar"> 
    <!-- Your navbar content here --> 
    </div> 

</body> 
</html>

Here是一个教程链接如何做这个。

来源

2017-04-23 20:39:11

为了达到这个目的，我们需要看到更多OP的代码，所以这或多或少是一种猜测，我们不应该在SO这里做。请耐心等待OP在回答之前添加足够的信息 – LGSon

-1

您可以使用引导程序导航栏navbar-fixed-top类将导航栏固定在顶部。

，或者你可以创建一个CSS类像下面（如果你使用的是一个框架，或者你有一些CSS代码，确保在类名或ID不是没有在CSS中重复）：

注意： z-index将在滚动时使div覆盖在其他对象上。

.mynb{ 
 
    posistion:absolute; 
 
    top:0; 
 
    left:0; 
 
    z-index : 999; 
 
} 
 
.mywrap 
 
{ 
 
width : 100%; 
 
height : auto; 
 
padding-left : 0px; 
 
padding-right : 0px; 
 
padding-bottom : 0px; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <meta charset="utf-8"/> 
 
\t <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> 
 

 
<div class="mywrap"> 
 
<div class="mynb"> 
 
Nav Bar code here 
 
</div> 
 
</div>

来源

2017-04-23 20:38:49 Jameel

为了这个工作，我们需要看到更多的OP代码，所以这或多或少是一种猜测，我们不应该在SO这里做。请耐心等待OP在回答之前添加足够的信息 – LGSon

总是可见的导航栏

回答

相关问题