如何获取元素相对于其父元素的位置?
假设我们有一个名为“克隆”的图像对象,以及一个 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/