如何在頁面滾動時使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