如何为网页制作静态标题？

Question

我正在尝试为网站制作标题，我不希望标题（包含徽标，搜索栏和导航栏）向上滚动它应该是静态的，因为我们在这里{ {3}}网站。

Answer 1

只需添加：

position: fixed;

到标题类

Answer 2

position: fixed可能就是你要找的东西。只需将CSS中的内容添加到导航栏中，您就应该是金色的。

Fiddle

Answer 3

最好提供代码供将来参考，但使用CSS选择器选择要粘贴在页面顶部的元素。将position: fixed与属性top:0一起使用基本上可以将其从DOM流中取出。

让我们说：

<强> HTML

<div class="navbar">
 <ul>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
 </ul>
</div>

<强> CSS

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  overflow: hidden;
}

使用Bootstrap并测试CSS框架，该框架有助于缩短开发时间，并且具有针对众多场景的文档，其中一个是固定导航。查看 https://v4-alpha.getbootstrap.com/examples/navbar-top-fixed/