Question

如何更改菜单here，以便在用户向下滚动页面时始终显示该菜单？

我需要添加/删除/替换哪些代码？

Answer 1

您的 HTML 并不好。您没有关闭<section id="header" class="clearfix">等等。通过HTML validator运行您的页面，它会告诉您错误。

至于你的问题，只需添加：

#header{
    position:fixed;
}

在 CSS 文件（ style.css ）中。

有关职位的更多信息：MDN positions。

Answer 2

这是一个div在屏幕上始终保持相同位置的示例。

要修复元素，您可以使用固定位置，然后使用css top，bottom，right和left将元素放置在可见浏览器窗口中。

在此示例中，它固定在左上角，高度为25px

<body>
    <div style="position:fixed; top:0; left:0; height:25px; width:100%;">
        Here you will get a bar which is fixed to the top left experiment to get your desired effect
    </div>
</body>

您的案例的简单解决方案是使用

<section id="header" style="position:fixed;" class="clearfix">

并添加

</section>

之前的

<!-- header ends --!>

如何将div固定到页面上？

2 个答案: