웹마스터 팁

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>


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

제목 글쓴이 날짜
개인 웹서버 백업 및 게시물 등록 날짜 수정 방법 [10] file eunbini 2008.10.24
회원 정보에 내 포인트 현황 출력하기 [3] file 화랑529 2013.01.08
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정. [13] file misol 2012.01.31
XE 1.5.1 로 사이트 꾸미기 Part 3. [22] file 황비 2011.12.06
ShopXE 상품 첨부 - 상품이미지 등록시 첨부 용량 초과 에러 수정 hhgyu 2013.02.05
로그인 스킨 수정 팁 - 신규 쪽지 수 보여주기 [17] file 러브스킬 2010.05.03
모바일 페이지모듈에서 스킨 설정안 되는 버그 수정법 [2] sejin7940 2013.01.08
Database, MySQL 이 무엇인가~~~ ^^ [103] zero 2000.03.06
[PHP 기초] PHP 소개 [6] 난다날아 2011.03.22
푸시알림 "유메시지" 지원 소스 및 그룹 메시지 지원합니다. [13] file 유키패드 2012.07.12
NAVER Analytics 모듈 1.5.4.X 에서 사용하기 hhgyu 2013.01.30
1.5.4 회원정보에서 회원이 자기 이름 마음대로 수정 못하게 하는 거... [2] 샤로우 2012.12.31
위젯 <td> 마다 다르게 배경색 지정.. [1] 제임스라 2012.11.30
[Social XE] Social XE 댓글위젯에 SNS 전송 옵션 체크박스 추가하기 [14] file TUW 2013.01.24
TEXTYLE 카테고리 안 보이는 분들 참고하세요 사자쭈꾸미 2013.01.24
TEXTYLE 파일 업로드 안되는 분들 참고하시기 바랍니다. 사자쭈꾸미 2013.01.24
본문내 이미지 조절 애드온 기능 확장 - 원본이미지 모달 제거 / 작은이미지 크게 확장하기 [2] sejin7940 2012.11.25
사이트 주소로 접속했을때 XE 폴더로 이동하기 팁 [42] 베니 2007.08.16
Contact us 체크박스 및 전화번호가 array로 나오는 거 패치 [9] hhgyu 2012.03.27
페이지 제일 위로 바로가는 Top 버튼 [5] file 개돌 2009.06.26