如何使网站的菜单贴在屏幕顶部答案

【问题标题】：How to make a site's menu stick to the top of the screen如何使网站的菜单贴在屏幕顶部
【发布时间】：2015-07-10 16:10:04
【问题描述】：

我在我的站点中使用this code 作为此侧菜单，与链接中的说明完全相同。我不知道如何更改它，以便在您滚动时菜单粘在屏幕顶部。

这是因为您不必一直向后滚动即可再次单击菜单。

感谢您的帮助！

【问题讨论】：

position: fixed
我会在哪里插入这个？
你还没有发布任何代码，我怎么可能知道？我之前的评论也是一个链接 BYT
认为他会回来吗？
@WilliamRose 你看到我的回答了吗？

标签： javascript jquery html css menu

【解决方案1】：

position: fixed;
top: 0;

当您滚动时，您的菜单栏将保持在顶部。

与您发布的 cmets 保持一致。说你有

<div class="menubar"> menubar</div>

在您的所有菜单栏周围，在您的 CSS 文件中找到该类。并添加我的答案。

【讨论】：

【解决方案2】：

尝试在“css”中使用它作为菜单栏标签。

position: fixed;
right: 0;
top: 0;

将始终将您的菜单栏保持在顶部。

查看此链接。 http://sixrevisions.com/css/fixed-navigation-bar/

【讨论】：

【解决方案3】：

在元素上放置以下 CSS 属性时（在本例中为菜单）

position: fixed;
top: 0;

它将保持“固定”在您放置它的页面或父元素的顶部。

要进一步定位它，您可以使用right、left 和bottom 属性。

有关position 属性的更多信息，请访问here。

例子：

.menu {
  position: fixed;
  top: 0;
  height: auto;
  width: 50px;
  background-color: red;
}

<div class="menu">
  <p>Some menu text</p>
  <p>Some menu text</p>
</div>

<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>
<H1>Some Header text</H1>

【讨论】：