위로 / 아래로 가기 버튼 만들기

간단하게 가장 위로, 가장 아래로 가기 버튼 만들기이다.

position은 fixed로 해서 위치를 고정하였다.

bottom, right로 이용해서 위치를 조절하였다.

가장 하단의 <div id="scrollbottom"></div>가 있는 이유는, 아래로 가기 버튼 클릭 시 href="#scrollbottom"으로 설정해놓았기 때문이다.

     <a style="display:scroll;position:fixed;bottom:80px; right:30px;" rel="nofollow"

     href="#" style="font-size:2.0em"><img src="top.png"></a>

     <a style="display:scroll;position:fixed;bottom:40px; right:30px;" rel="nofollow"

     href="#scrollbottom" style="font-size:2.0em"><img src="down.png"></a>

     <div id="scrollbottom"></div>