scroll Position] 스크롤 최대값이 좀 크네요..

1)
가로스크롤 animation 을 자주 사용하는 편인데요, (물론, 버그도 많이 보고 있구요..)

표시범위가 어느정도까지 가능할까..라는 궁금증 이전에,
이정도 범위는 사용 가능할까..라는 궁금증을 가지고 시험해봤습니다.

...

<div id=d120330_1></div>
<marquee scrollamount=10000 scrolldelay=500 width=500 height=20 direction=left behavior=alternate onscroll=document.getElementById('d120330_1').innerHTML=this.scrollLeft; style=background-color:yellow;>
<div style="width:100000px; height:20px; overflow:hidden; position:relative;">
<div style="position:absolute; left:0px; top:0px;"><div style="width:100000px; height:20px; overflow:hidden; background-color:#ffffff; position:relative;">1</a></div></div>
<div style="position:absolute; left:10000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#eeeeee; position:relative;">2</a></div></div>
<div style="position:absolute; left:20000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#dddddd; position:relative;">3</a></div></div>
<div style="position:absolute; left:30000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#cccccc; position:relative;">4</a></div></div>
<div style="position:absolute; left:40000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#bbbbbb; position:relative;">5</a></div></div>
<div style="position:absolute; left:50000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#aaaaaa; position:relative;">6</a></div></div>
<div style="position:absolute; left:60000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#999999; position:relative;">7</a></div></div>
<div style="position:absolute; left:70000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#888888; position:relative;">8</a></div></div>
<div style="position:absolute; left:80000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#777777; position:relative;">9</a></div></div>
<div style="position:absolute; left:90000px; top:0px;"><div style="width:10000px; height:20px; overflow:hidden; background-color:#666666; position:relative;">10</a></div></div>
</div>
</marquee>

...

1

2

3

4

5

6

7

8

9

10

...

2)
<img 태그의 경우, 제 경험상으로는 가로폭 최대값을
32767px 로 알고있는데요,

3)
<div 태그같은 경우에는 그 범위가 생각보다 크네요..

하긴.. 예전에도 세로 스크롤이 무지 긴 글들을 읽곤 했습니다만,
.. 그런 생각을 안하도록(?) 하던게 <img 태그의 가로크기라서요..

4)
좀 더 크기를 키워서 테스트하는게 좋지않을까..라는 고민을 하게 됩니다만,

개인적으로, 더 큰 환경을 요구해봐야, 브라우저 메모리 관리를 신경써야해서..
요만큼(?)만 테스트 했습니다.

easyBow killofki@.

ps..
브라우져별 scrollLeft 표시값입니다.
IE8 : 500,10500,..,90500,100000,90000,..,10000,500,..
* (초기나 중간에 위치값 분실(?)되기도 함.. scrollAmount 값이 분실되기도 함.)
Chrome, Safari : 0,10000,..,90000,99500,89500,..,9500,0,..
FireFox : * scrollLeft 값 추출 실패..
Opera : * scrollLeft 값 추출 실패, 색상 변화를 느끼지 못하고 있음.

ps2..
깜빡하고 document.all[] 로 사용했군요... document.getElementById() 로
바꿨습니다..만,
OTL.. FireFox 에서 scrollLeft 값을 못받네요..