javascript - JQuery - の .x .y 座標を取得するオーバーフローしすぎ！そして、

Question

HTML

<div id="video"></div>
<p class="coordspls">Too much overflow!</p>

疑似コード:

Get x position of .coordspls save to cox
Get y position of .coordspls save to coy

Set x position of #video to cox
Set y position of #video to coy

Answer 1

.offset()戻り値と同じオブジェクト形式のセッターも取るので、これを行うことができます：

$("#video").css({ position: 'absolute' }).offset($("p.coordspls").offset());

ここで試してみることができます。これにより、位置が正しいことを確認し(既にそうなっている場合は呼び出しabsoluteを削除します)、 andを一致するように設定します。.css()topleft

Answer 2

幸いなことに、CSS はそのようには機能しません。
#video を coordpls の同じ位置に配置するには、何らかの条件が発生したときに coordspls 内に移動し、position:absolute;top:0px;left:0px を使用して、周囲の p が相対的な位置にあることを確認する必要があります。

Answer 3

var x = $("#coordspls").offset().left;
var y = $("#coordspls").offset().top;

console.log('x: ' + x + ' y: ' + y);

それは私が得た限りです！申し訳ありませんが、それがあなたの出発点になることを願っています!