ページをスクロールしながら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