div要素全体をxピクセル上に移動するにはどうすればよいですか？

Question

divとその内容全体を約10-15ピクセル上に再配置したい。

どうすればいいですか？

注：これはスライダ要素なので、ボタンをクリックするとスライダが下にスライドします。終了したら、約15ピクセル上に再配置したいと思います。

Answer 1

$('#div_id').css({marginTop: '-=15px'}); 

これは、あなたが私はあなたのアニメーションでコールバック関数（そのように上記のコードを追加することをお勧めしたい効果を得るには、ID「div_id」を持つ要素のため

をCSSを変更しますアニメーションが完了した後にdivが）上に移動されます。

$('#div_id').animate({...}, function() { 
    $('#div_id').css({marginTop: '-=15px'}); 
}); 

そしてもちろん、あなたはそうのようなマージンの変化アニメーション化できます。

01ここで

$('#div_id').animate({marginTop: '-=15px'}); 

はjQueryので.css()のためのドキュメントです：http://api.jquery.com/css/

そして、ここでは、jQueryので.animate()のためのドキュメントです：CSSでhttp://api.jquery.com/animate/

Answer 2

$('div').css({ 
    position: 'relative', 
    top: '-15px' 
}); 

Answer 3

が要素にこれを追加します。

margin-top: -15px; /*for exact positioning */ 
margin-top: -5%; /* for relative positioning */ 

あなたはそれに応じてどちらか一方を使用することができます。