javascript - javascriptを使用してdivを別のdivの上部に配置する方法は?

Question

最初の div は'#icon-selection-menu'バーで、アイドル位置はとで絶対です。そのため、コンテンツ div 内の左上隅に表示されます。top:0pxleft:0px

content div の子の奥深くに、実際には「.emoticon-button」のような他の div があります。それらの位置は、親内で相対的です。このようなボタンをクリックすると、最初の div をボタンのすぐ上に配置し、その下の境界線をボタンの上端に合わせます。

設定する上と左の値$('#icon-selection-menu').topを取得するにはどうすればよい$('#icon-selection-menu').leftですか?

score 26 · Accepted Answer

jQuery ¹.offset()は、ドキュメントに対する任意の要素の位置を取得する機能を提供します。#icon-selection-menuドキュメントに対して既に配置されているため、これを使用できます。

var destination = $('.emoticon-button').offset();
$('#icon-selection-menu').css({top: destination.top, left: destination.left});

$('#icon-selection-menu')の左上隅に配置され$('.emoticon-button')ます。

_{(1) 質問で使用していることから jQuery を想定しています$。}

score 6 · Accepted Answer

offsetTopとoffsetLeftを使用して、divの上部と左側の位置を取得できます

例： `

$('#div-id').offset().top;
$('#div-id').offset().left;

score 0 · Accepted Answer

以下のjqueryを使用して要素の位置を取得できます

var position=$('#icon-selection-menu').position();
var left=position.left;
var right=position.right

そのボタンをクリックすると、使用して上に配置できます

$("#ID").live("click",function(){
    $('.emoticon-button').animate({left:left,right:right});
});

score 0 · Accepted Answer

'.emoticon-button' の位置 (左、上) を取得します。次に、「#icon-selection-menu」に同じことを適用します。顔文字に合わせて上と左に調整があります。

5 に答える 5