웹마스터 팁

  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>


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

이 게시물을
좋아요
목록
제목 글쓴이 날짜
게시판 스킨에서 조회수, 추천수, 최근 수정일 외 항목도 정렬가능하게 하기 SMaker 2009.06.11
로그인 페이지 만드는 방법 [5] 산토 2009.06.12
외부문서에서 mms:// 태그 사용하기 [11] 아고라 2009.06.12
에디터 컴포넌트 목록이 안 나올 때 해결법 [2] SMaker 2009.06.14
layout.html에 접근 못하게막기. [8] Habile 2009.06.15
업데이트 후 Rewrite mod 사용이 안돼는 경우 [2] 겨우리851 2009.06.18
XE용 query xml 방식으로 일반 테이블도 접근 처리 하기 [1] 라르게덴 2009.06.18
확장변수 폼 디자인 하기 [14] file Diver 2009.06.21
게시판 메뉴에 새글 알림 표시 띄우기 [13] file 보거스내친구 2009.06.21
개인쪽지발송!~ noirzo 2009.06.23
로그인 후 그룹별로 다른 페이지로 가기 - 업데이트판 v1.5 [19] 무대포2 2009.06.24
쪽지 답글 보내기 원본 내용 삭제 절망린 2009.06.24
보낸 쪽지함에서 쪽지 내용 안에 회원 아이콘이 제대로 표시 되지 않을때.. 절망린 2009.06.24
페이지 제일 위로 바로가는 Top 버튼 [5] file 개돌 2009.06.26
로그인 & 파일 첨부 문제 [3] peter99 2009.06.29
이미지 리사이즈 적용이 안되는 경우 [4] 아고라 2009.06.30
확장변수에 회원정보를 넣어보자 [10] file 개돌 2009.06.30
지오피아 게임 제로보드 XE 연동 [5] file 다른사람 2009.06.30
달력형 리스트 입니다. [5] file 착한악마 2009.07.01
제로보드 매뉴얼 version 0.63 입니다. [16] file 윈매니아 2009.07.03
태그 쓰기