Question

大家好，我正在开发一个网页，即使用户向下滚动页面，导航栏也必须是可见的。我想说的是导航栏应该都是可见的。有没有人知道如何做到这一点。

Answer 1

您可以使用bootstrap导航栏，navbar-fixed-top类来修复导航栏。

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

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

＆＃13;

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

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<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>

＆＃13;

Answer 2

如果您正在寻找一种基本的方法，请尝试使用固定定位：

<html>
<body>

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

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

</body>
</html>

Here是指向如何执行此操作的教程的链接。

始终可见的导航栏

2 个答案: