JQuery - получите .x .y координаты <p>Слишком много переполнения! </p>, а затем переместите <div>

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 (удалите вызов .css(), если это уже имеет место), затем устанавливает top и left для соответствия.

Answer 2

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

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

Насколько я понял! извините, но надеюсь, что это даст вам отправную точку!

Answer 3

К счастью, CSS не работает так.
Чтобы поместить #video в то же место координаты, вам нужно будет переместить его в координаты, когда возникает какое-то условие, и использовать position: absolute; top: 0px; left: 0px и убедиться, что окружающий p имеет относительную позицию.