изменить положение div в соответствии с смещением

Question

Я хочу изменить положение div согласно смещению, т.е. сверху, снизу, слева, справа это возможно? я попробовал некоторые JQuery, но он не работает

$(document).ready(function(){ 
var offset = $("#myPopup").offset(); 
    $('#popup').css('left',offset.left);  
    $('#popup').css('top',offset.top); 

}); 
<div id="myPopup"> popup</div> 

Answer 1

Я предполагаю, что вы не использовали тип позиции в вашем стиле. Я положил его в свой jQuery для легкого тестирования, но вам лучше поместить его в css ...

$(document).ready(function(){ 
var offset = $("#myPopup").offset(); 
    $('#popup').css('position','relative');//or absolute. 
    $('#popup').css('left',offset.left);  
    $('#popup').css('top',offset.top); 

}); 
<div id="myPopup"> popup</div>