html - 位置が固定されているときに画面の中央にDIVをフロートさせる方法は?

Question

このウェブサイトの赤いリボンバナーを指しています

位置が設定されていない場合、このコードが機能し、中央揃えになります。

margin: 0 auto 30px;

position:fixedしかし、下にスクロールしてJSでdivを作成すると、同じコードが機能しません! 画面の解像度/ブラウザが変化し続けているにもかかわらず、中央揃えにするにはどうすればよいですか?

Answer 1

これを試して：

{
 position:fixed;
 left:50%;
 margin-left:470px;

}

Chrome 開発者ツールを使用してデバッグした後のスクリーンショットのリンク: https://dl.dropbox.com/u/19982181/Screen-Shot-2012-06-22-at-12.35.jpg

window.scroll 関数でこれを変更します。

$('#socio').css({
"position":"fixed",
"margin-left":"-470px",
"top": "27px",
"left": "50%"
});

Answer 2

このコードを試してください：

margin-right: auto;
margin-left: auto;

Answer 3

ページ上の要素は

margin-left: XXXpx;

下にスクロールすると。これはJSを介して行われます.jQueryの .offset() => http://api.jquery.com/offset/を介して、ブラウザの左端と要素自体の間の幅を単純に測定していると思います

編集:個人的にはSVSの回答も好みますが、これは要素の幅がわかっている場合にのみ機能します。