웹마스터 팁
페이지 제일 위로 바로가는 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>
위와 같이 댓글 바로 아래 추가해 주시면 댓글이 너무 많아서 스크롤이 길어진 경우도 해결 할 수 있습니다.
댓글 5
-
좋은넘
2009.06.29 13:43
-
바탕소
2009.06.30 09:22
좋은데요? -
글쓴이
2009.07.17 11:13
home 키로 간단하게.. ^^;;
-
고맙습니다
2010.05.07 23:38
정말 고맙습니다!
이걸 찾던 건 아니지만 책갈피 기능(name)이 XE랑 연결되면 제대로 실행되지 않아서
어떻게 해야 하나 고민하던 중인데 이 팁 덕분에 해결될 것 같아요.
정말정말 고맙습니다!!
-
오동통
2013.01.17 15:27
감사합니다
잘 활용해 봐야 겠네요.. ^^