5

是否可以将 DIV 位置从绝对更改为相对（以及从相对更改为绝对）？DIV 应该保持在同一个地方。

4

5 回答 5

8

因为评论中的格式不起作用我将在这里发布解决方案

$(object).css({position: 'absolute',top: dy, left:dx});
// dy, dx - some coordinates
$(object).css({position: 'relative'});

不起作用：更改为相对后的元素位置不同。

但是当我存储偏移量并在更改为相对后再次设置时，位置是相同的：

$(object).css({position: 'absolute',top: dy, left:dx});
var x = $(object).offset().left;
var y = $(object).offset().top;
$(object).css({position: 'relative'});
$(object).offset({ top: y, left: x });
于 2010-03-30T14:30:19.483 回答
5

您可以使用更改该属性

$(object).css({position: 'absolute'});

例如：
您可以使用 jQuery 的方法.position()或.offset()设置“top”和“left”css 属性，这样您的对象应该保持在从相对 -> 绝对变化的位置。

我不认为反之亦然。

演示代码：http: //jsbin.com/uvoka

于 2010-03-30T14:07:42.313 回答
2

如果你真的想获得一个元素的总顶部偏移量，它是具有绝对和相对位置的元素的子元素，你可以使用这个函数

function calcTotalOffsetTop(elm)
{
var totalOffsetTop  = 0,
curr            = elm;

while( curr.parent().is(':not(body)') )
{
    curr            = curr.parent();
    totalOffsetTop  += curr[0].offsetTop;
}
return totalOffsetTop;
}

这基本上是上面 plodder 给出的解决方案的代码。

于 2011-02-24T16:57:43.067 回答
1

prototype.js 有 element.absolutize() 和 element.relativize 效果很好。

从相对到绝对的问题是 element.offsetTop 和 offsetLeft

仅将元素的偏移量提供给其父元素。您需要测量累积偏移量（即

the offset of your element to its parent +
the offset of the parent to its parent +
the offset of its parent to its parent +

ETC。）

于 2010-03-30T16:27:10.180 回答
1

您可以通过使用它的 offsetLeft 和 offsetTop 值作为 left 和 top 样式很容易地将它从相对更改为绝对。

反过来更难。您基本上必须将其更改为相对并查看它最终的位置，然后根据当前偏移量和所需位置计算新的偏移量值。

请注意，当定位是相对时，该元素是页面流的一部分，可能会影响其他元素。当位置为绝对时，该元素位于页面流之外，不会影响其他元素。因此，如果您在绝对定位和相对定位之间进行更改，如果您不希望它们移动，您可能还需要对其他元素进行更改。

于 2010-03-30T14:10:13.943 回答