웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
페이지 제일 위로 바로가는 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
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 패스워드 걸기 소스 [7] | 이슈™ | 2002.03.13 |
[v]운영 체제별 다른 페이지 보여주기 -_-;v [3] | ┏ⓩZion┛ | 2002.03.30 |
[v]하나더! 해상도별 다른 페이지 보여주기 | :+:zZion:+: | 2002.03.30 |
원하는 홈페이지를 시작페이지 설정하기!!!! [3] | 오길호 | 2002.07.05 |
접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] | 노명수 | 2002.09.02 |
브라우저 언어에 따라 다른 페이지 보이기 [11] | 써니얌 | 2002.09.03 |
간단하고 빠른 페이지포워딩 [3] | Draco | 2002.09.19 |
페이지 맨위로 이동하는 top 버튼 [7] | 조정환 | 2002.09.28 |
단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] | 시즌오브드림 | 2002.12.10 |
홈페이지 패스워드(암호) 걸기 소스 [6] | keymove | 2003.01.09 |
[1분짜리 팁!] 홈페이지 입장 여부 묻는 폼 띄우기! [2] | 찐군 | 2003.01.09 |
한페이지에서 여러개의 크롬리스 창 띄우기..(ByKlein Chromeless Window) [3] | 아린~★ | 2003.01.29 |
페이지 로딩중 효과 [7] | 깜보 | 2003.02.16 |
페이지 프린트 제어 하기 [1] | RedEye | 2003.04.14 |
자바스크립트로 두개 이상의 페이지 동시에 열기. [4] | 이성헌 | 2003.06.08 |
노프레임 홈페이지 수정 편리하게 &용량줄이기. [9] | 세죠위그이 | 2003.07.15 |
경우에 따라 공지가 새창에서도 보여야 하고, 일반 페이지에서도 보여야 할때 | 조은하루 | 2003.08.22 |
frame으로 홈페이지 구성시 한쪽 페이지는 유동성있는 파일 대입법(?) | monozzang | 2003.09.02 |
[초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] | ∑Ztxy | 2003.09.29 |