웹마스터 팁
페이지 제일 위로 바로가는 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
감사합니다
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 페이지 로딩중 효과 [7] | 깜보 | 2003.02.16 |
한페이지에서 여러개의 크롬리스 창 띄우기..(ByKlein Chromeless Window)
[3]
 | 아린~★ | 2003.01.29 |
| [1분짜리 팁!] 홈페이지 입장 여부 묻는 폼 띄우기! [2] | 찐군 | 2003.01.09 |
| 홈페이지 패스워드(암호) 걸기 소스 [6] | keymove | 2003.01.09 |
| 홈페이지에 머무른 시간을 알림창으로 나타내기. [3] | 시즌오브드림 | 2002.12.10 |
| 단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
| 페이지 맨위로 이동하는 top 버튼 [7] | 조정환 | 2002.09.28 |
| 간단하고 빠른 페이지포워딩 [3] | Draco | 2002.09.19 |
| 브라우저 언어에 따라 다른 페이지 보이기 [11] | 써니얌 | 2002.09.03 |
| 접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] | 노명수 | 2002.09.02 |
| 원하는 홈페이지를 시작페이지 설정하기!!!! [3] | 오길호 | 2002.07.05 |
| [v]하나더! 해상도별 다른 페이지 보여주기 | :+:zZion:+: | 2002.03.30 |
| [v]운영 체제별 다른 페이지 보여주기 -_-;v [3] | ┏ⓩZion┛ | 2002.03.30 |
| 홈페이지 패스워드 걸기 소스 [7] | 이슈™ | 2002.03.13 |
|
페이지 사용안하고 팝업띄우기
[4]
| 란즈 | 2002.03.02 |
| ▩찾기 기능을 내 홈페이지에 넣어보자 [1] | ▩윤미 | 2002.02.26 |
| [JavaScript] 전체화면으로 페이지 열기 [2] | SM | 2002.02.24 |
| [JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] | SM | 2002.02.24 |
| 페이지마다 타이틀 변경하기 [3] | WOWpc | 2001.10.10 |
| [Tip] 페이지 이동중이라고 표시해보자~ ^_^ [10] | BiHon | 2001.03.28 |
잘 활용해 봐야 겠네요.. ^^