javascript - 导航栏放在网页顶部时如何修复？

Question

就像一个页面http://9to5mac.com , 我想让导航栏固定在网页顶部。

我是否必须使用 Javascript 或其他使用 CSS 的方式？以及如何？

Answer 1

您可以使用 CSS 来做到这一点。您可以使用 position:fixed; 来固定导航栏的位置。例如，如果您的导航栏有 class="navigation"然后你可以像这样固定它的位置。

.navigation {
  position: fixed;
  height:50px;
  width: 100%;
  margin-top: -1.5em;
}

在这段代码中，position:fixed; 固定 div 的位置(导航栏)高度决定了 div 的高度 width:100%; 覆盖整个宽度屏幕，同时 margin-top: -1.5em; 确定 div 从顶部开始的位置。