javascript - 获取元素与其父元素的相对位置

标签 javascript jquery html css

如何获取元素相对于其父元素的位置?

假设我们有一个名为“克隆”的图像对象,以及一个 div 作为其父对象:

var parent = clone.parent().offset();
var pos = clone.offset();

如果我将图像拖动到 div 的左上角,我将得到几乎相同的值。但是如果我这样做呢:

var top = pos.top - parent.top;
var left = pos.left - parent.left;

它会给我图像相对于其父级的相对位置,对吧?但是,如果我必须存储这些值并在不同的浏览器尺寸上显示它们会怎样? 答案很简单,它们不会显示在 div 中,因为位置可能会改变。

经过这个小小的解释,我的问题是: 有没有办法避免这种问题,直接取其parent的相对位置?

这是我正在使用的实际代码,因此您可以看看,并尝试弄清楚如何使其正常工作! http://dpaste.com/3M1MGQW

最佳答案

你有没有设置position: relative;到父级,所以位置是相对于它的?

好吧,除了静态之外的任何定位都可以,但是不指定顶部和左侧的相对位置可能是最轻松的

关于javascript - 获取元素与其父元素的相对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26150138/

相关文章:

javascript - 如何使用 ajax 发布表单并返回数组中的数据?

javascript - 使用请求登录到具有 javascript 登录表单的网站

javascript - jQuery + CSS : How to detect the first "move out" of cursor out of an element?

html - 如何使用 CSS 修改带有 bootstrap collapse 的图标

javascript - 如何使用 jQuery 从 HTML 表中将数据提取到关联数组中?

javascript - 如何将 &lt;script&gt; 标签放入 <div> 标签中?

javascript - 开 Jest : How to mock one specific method of a class

c# - 使用 jQuery 自动完成外键

javascript - 使用 jquery 在 body 中创建一个 iframe

javascript - javascript 或 jquery 中的 Json 解析