div 스크롤. div scroll.

<div id="sample" 

          style="overflow:auto; width:100%; height:30px; line-height:150%">

                 스크롤이 되는 div<br>

                 스크롤이 되는 div<br>

                 스크롤이 되는 div<br>

                 스크롤이 되는 div<br>

                 스크롤이 되는 div<br>

                 스크롤이 되는 div<br>

        

</div>

위 코드의 style에서 "overflow" 라는 것이 핵심인데, overflow에 auto 혹은 scroll이라고 주면, scrollbar가 나타나며, scroll이 된다.

스크롤바가 맘에 들지 않는다면, "overflow: hidden" 이라고 주어, scrollbar가 사라지게 한 후, javascript로 원하는 것을 만들어 낼 수 있다.

아래 javascript는 위 또는 아래로 div를 스크롤하는 예제이다.

이것을 응용하면, 이쁘고 훌륭한 scroll div를 만들 수 있을 것이다.

        function doScrollerIE(dir, src, amount) 

        {

                if (amount==null) amount=10;

                if (dir=="up")

                        document.all[src].scrollTop-=amount;

                else

                        document.all[src].scrollTop+=amount;

        }