웹마스터 팁
페이지 제일 위로 바로가는 Top 버튼
2009.06.26 17:59
XE를 사용하면서 non frame 방식이라서 불편한 점 가운데 하나가 내용이 긴 게시물입니다.
이 경우 게시물을 다 읽고 다시 최 상위로 스크롤을 올려야 되는 경우가 자주 발생하며 게시물의 양이 길면 길수록 더욱 불편합니다.
그래서 top 버튼을 하나 만들어 봤습니다.
첨부한 이미지는 생각보다 쉽게 구할 수 있습니다.
IE8에서 새 탭을 누르면 나오는 ^ <== 이 모양 버튼에 마우스를 올리면 생기는 버튼을 다른이름으로 저장해서 사용했습니다.
<p> <div style="text-align:right: cursor:pointer; margin-right:20px;" onclick="window.scrollTo(0,0);"><img src="./images/common/collapse_hvr.png" border="0"> TOP</div> <!--목록, 수정/삭제 버튼 -->
위와같이 두줄을 추가해줬습니다.
해당 top 버튼을 누르면 스크롤이 페이지의 제일위로 올라가게 됩니다.
댓글이 많은 경우는
<!-- 댓글 -->
<a name="comment"></a>
<!--#include("./comment.html")-->
<p>
<div style="text-align:right: cursor:pointer; margin-right:20px;" onclick="window.scrollTo(0,0);"><img src="./images/common/collapse_hvr.png" border="0"> TOP</div>
위와 같이 댓글 바로 아래 추가해 주시면 댓글이 너무 많아서 스크롤이 길어진 경우도 해결 할 수 있습니다.
