2010-12-07 2 views
1

新しいツイッターのように常時オンのヘッダーを追加します。 説明:ユーザーがページを下にスクロールすると、ヘッダーをウィンドウの上に置いておきます。常時オンのヘッダー

誰かがそれを行うスクリプトを知っていますか?それとも私はそれをどうすればいいのですか?

答えて

4

:固定;ヘッダーに。

<div id="header"> 
content goes here. 
</div> 

とCSS:注意すべき

#header { position: fixed; z-index: 9999; top: 0; left: 0; } 
1

ページ全体に表示するには、ヘッダーの位置をfixedにする必要があります。 widthと一緒にtopの値を適切に設定します。

例:そのCSSのヘッダに

#header{ 
    position:'fixed'; 
    top:0; 
    width:800px; 
} 
+0

ことの一つは、この動作は、iPhone用のSafariでうまく動作しないということです。 –

+0

@Jasper De Bruijn:私はIE6について知っていて、位置を固定して使用するときの回避策があるのだろうかと思います。 – Sarfraz

+0

私はIE6についてはわかりません。私たちのプロジェクトではこれ以上サポートしていないからです。 iPhoneソリューションの場合は、http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/をチェックしてください –

0

使用position:fixed。また

、あなたはそれが行きたい場所へlefttop属性を設定することを忘れてはいけない:)

あなたが位置を使用することができます
関連する問題