新しいツイッターのように常時オンのヘッダーを追加します。 説明:ユーザーがページを下にスクロールすると、ヘッダーをウィンドウの上に置いておきます。常時オンのヘッダー
誰かがそれを行うスクリプトを知っていますか?それとも私はそれをどうすればいいのですか?
新しいツイッターのように常時オンのヘッダーを追加します。 説明:ユーザーがページを下にスクロールすると、ヘッダーをウィンドウの上に置いておきます。常時オンのヘッダー
誰かがそれを行うスクリプトを知っていますか?それとも私はそれをどうすればいいのですか?
:固定;ヘッダーに。
<div id="header">
content goes here.
</div>
とCSS:注意すべき
#header { position: fixed; z-index: 9999; top: 0; left: 0; }
ページ全体に表示するには、ヘッダーの位置をfixed
にする必要があります。 width
と一緒にtop
の値を適切に設定します。
例:そのCSSのヘッダに
#header{
position:'fixed';
top:0;
width:800px;
}
使用position:fixed
。また
、あなたはそれが行きたい場所へleft
とtop
属性を設定することを忘れてはいけない:)
ことの一つは、この動作は、iPhone用のSafariでうまく動作しないということです。 –
@Jasper De Bruijn:私はIE6について知っていて、位置を固定して使用するときの回避策があるのだろうかと思います。 – Sarfraz
私はIE6についてはわかりません。私たちのプロジェクトではこれ以上サポートしていないからです。 iPhoneソリューションの場合は、http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/をチェックしてください –