웹마스터 팁

  2. Support
  3. 웹마스터 팁

페이지 제일 위로 바로가는 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"> &nbsp;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"> &nbsp;TOP</div>


위와 같이 댓글 바로 아래 추가해 주시면 댓글이 너무 많아서 스크롤이 길어진 경우도 해결 할 수 있습니다.

이 게시물을
좋아요
목록
제목 글쓴이 날짜
홈페이지에 BGM달기 [1] SHIN군 2010.01.18
초보팁] 외부페이지에서 가져올 시 새창 띄우기 안되는거 수정하기(자바) [1] 파라테일 2009.12.10
웹페이지 메시지 만들기 [초보자대응] [6] file cabnb 2009.12.09
제로보드 XE - 1.3.x 설치부터 기본 홈페이지 만들기 스타호스트 2009.12.05
-추가- 당신의 XE 기반 홈페이지를 훅가게 하는 방법 4가지 [26] 老姜君 2009.10.08
위젯에서 페이지 기능 활용 팁 [3] 라르게덴 2009.10.05
페이지 작성 시 팁. 꼬꼬마 초보만 오세요. 배치 문제.. [7] 연필깎는까치 2009.08.20
RSS를 활용한 HelloMaster 홈페이지 새글 알리미 설정하기 [3] file 퍼니온 2009.08.16
홈페이지 헤더부분에 display.handler.class.php 오류발생시 급해결방법 [3] file 극마 2009.08.09
페이지 제일 위로 바로가는 Top 버튼 [5] file 개돌 2009.06.26
로그인 후 그룹별로 다른 페이지로 가기 - 업데이트판 v1.5 [19] 무대포2 2009.06.24
로그인 페이지 만드는 방법 [5] 산토 2009.06.12
별도 페이지 로그인방법 cornet 2009.05.21
XE 위키에 최근 접속 페이지 정보 출력 file 개돌 2009.04.27
다양한 언어로 홈페이지 서비스하기 - 무식한 방법 [4] 멀리서 2009.04.21
홈페이지 타이틀이 $user_lang->home ,freeboard등으로 나오는 문제 수정방법(자체해결) [1] 정박사닷컴 2009.04.18
페이지 및 게시판 메뉴 경로 [2] file 자반튀김 2009.04.15
홈페이지 접속 속도에 미치는 에드온. [2] jih449 2009.03.27
게시판을 활용한 페이지 생성 및 관리 아이디어...(참고) [5] file 빨간발 2009.03.27
페이지모듈에서 내용직접추가할때 "본문내이미지조절" 애드온 적용하기 [5] 왜만지냐 2009.03.19
태그 쓰기