如何在页面滚动时使H1向下移动？

Question

嗨我希望在用户向下或向上滚动的同时使标题保持在页面顶部。我该怎么做呢

非常感谢

：）

Answer 1

试试这个：

h1 {
 position:fixed;
}

但是，最好给你的h1标签一个类名。

<强> HTML

<h1 class="heading">Your header title. </h1>

然后在 CSS 代码中

.heading {
  position:fixed;
}

Answer 2

您可以使用以下CSS并将该类添加到您希望使用页面滚动的特定H1元素。将以下内容应用于h1 {position: fixed;}将导致所有H1元素随页面滚动。

请参阅小提琴：Fiddle

.scrollH
{
    position: fixed;
}

为了更好地跟踪位置，将需要javascript。

Answer 3

正文（或父标记）应在css中设置为position: relative，而H1标记应为：position: fixed或position: absolute