2011-02-10 7 views
3

さて、私はdivを持っていて、ページの中央に配置したいと思っています。私はこれまでページの真ん中のjQueryの位置div

$("#a").css('margin-top', '(document).height()/2 - ("#a").height()/2'); 

を得ている は、この正しいですか?

答えて

7

**引用符で囲まないでください。また、$()の用語を使用する必要があります。

$("#a").css('margin-top', $(document).height()/2 - $("#a").height()/2); 

あるいはさらに良い:

var $a = $("#a"); 
$a.css('margin-top', $(document).height()/2 - $a.height()/2); 

編集:これ試してみてください、それは文字通りマージントップ・プロパティを設定しようとしますので、ただ明確にするを、あなたは引用符でそれを置くことはできませんその文字列にどちらが間違っていますか?

+0

はい.. 。 できます!ありがとう。私はそれが引用符を取り除くのと同じくらい簡単だったことを知らなかった。 – 0x60

7

.offset()を使用することをおすすめします。

説明:文書に、マッチした要素の集合内の各要素の現在の座標を設定相対

$("#a").offset({ 
    top: $(document).height()/2 - $("#a").height()/2, 
    left: $(document).width()/2 - $("#a").width()/2 
}) 
0

この1つは&が役立つかもしれない私の仕事:

$('html, body').animate(
    { 
    scrollTop: $('#your_div_id').offset().top-200 
    }, 1000); 

変更値200 'トップ200'あなたの必要性に従ってあなたのdivを配置する。..