在 DOM 中移动元素但不在屏幕上答案

【问题标题】：move element in DOM but not on screen在 DOM 中移动元素但不在屏幕上
【发布时间】：2016-02-04 22:52:08
【问题描述】：

我正在创建一个灯箱样式插件，它可以全屏打开图像并在其旁边添加有关它的文本。我需要一个缩放动画，它只是将小图像放大以填满屏幕。由于小图像在列布局中，我需要将其移出当前的 dom 结构。但是我在做缩放动画时无法这样做。

所以我的问题是：
有什么方法可以移动 dom 中的元素，或者只是将其位置更改为固定并保持其在屏幕上的位置？我有 jQuery 可用

【问题讨论】：

【解决方案1】：

如果你只想完成它，这个插件可以完成这项工作。

否则，我会将图像放在相同大小的容器中，这样您就可以更改图像显示属性而不会弄乱布局。

您无需在 DOM 中移动元素。只需更改 css。

this stackoverflow question 也可能对您有所帮助。

【讨论】：