如何在页面滚动时使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