Question

如何在div中找到元素的位置

例如：

 <div style="width:100px;overflow:hidden">
<img id="img_1" src=""/>
<img id="img_2" src=""/>
</div>
<input type="button" onclick"fnscroll()">

考虑隐藏第二张图片。

如何将第二个img带入div的可见区域？只需按一下按钮。

如何找到img位置，即x-y位置

使用javascript

Answer 1

如果您想将div中的每个图像放在同一个地方，您可能需要考虑将位置样式设置为绝对，并通过javascript更改图像的z-index。

CSS示例：

div img { position: absolute; top: 0; left:0; }
#img_1 {z-index: 1;}
#img_2 {z-index: 2;}

Answer 2

将<ELEMENT>替换为DOM Document中的元素找到x，y坐标

var x=<ELEMENT>.style.left
var y=<ELEMENT>.style.top

使用相同的属性将图像带到可见区域

如果你想要图像循环的绝对位置，直到找到身体标记