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

Question

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

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

Answer 1

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

magnific-popup

否则，我会将图像放在相同大小的容器中，以便您可以更改图像显示属性，而不会使布局搞砸。

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

this stackoverflow question也可以帮到你。