position:relative] 원위치를 찾아서...

-)
페이지를 스크롤할 때
이미지나 리스트...등의 위치를 조정해야하는 경우가 있다.

0)
position:absolute 의 경우에
자체 위치에 상관없이(?) 조정 가능하기 때문에 문제가 되지 않지만,

1)
position:relative 의 경우에는 원점 기준으로 조정하기 때문에
원점의 "진짜" 위치가 필요해질 수 있다.

...

<div style="width:200px; height:400px; overflow:hidden; background-color:#eeeeff">
<input style="position:relative; left:0px; top:200px;" type=button value="this.tops' value"
 onclick="alert('offset:'+this.offsetTop+', styleTop:'+this.style.top+', merge(original Position):'+(this.offsetTop-parseInt(this.style.top)));" />
</div>

...

...

2)
scroll 될 때마다 상하px 차액(?)계산법을 이용해도 되기는 하지만,
(scroll 될 때마다 값을 조정하는 것은 마찬가지이니...)

그렇다고 하더라도,
scroll 의 기존 값을 저장해둬야하는 문제도 있고,

3)
오류났을 때... 처음부터 오류라면 문제가 안(?)되지만,

프로그램 작동중에 오류나면
(scroll 값을 못받는다든지, scroll 값은 받았는데 실적용을 못했다든지...)
매번 프로그램을 처음부터 가동시켜야하기 때문에

positon:relative 적용된 개체의 원점 계산법을 적어놓는다.

smallLet killofki@.