как найти положение элемента в пределах DIV

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 т.е. ху положение

Использование JavaScript

Answer 1

Заменить <ELEMENT> с элементом DOM Document Чтобы найти х, у координаты

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

Используйте те же свойства, чтобы принести изображение в видимую область

И если вы хотите, чтобы абсолютное положение изображения пересекало его до вас find body tag

Answer 2

Если вы хотите разместить каждое изображение в div на одном и том же месте, вы можете захотеть установить стиль позиции в абсолютный и изменить z-индекс изображений с помощью javascript.

Пример CSS:

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