웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
[생초보팁] 서브메뉴 배경이미지 활용하기
[4]
![]() | 에혀라X | 2010.11.24 |
개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] | 지녁 | 2010.11.25 |
텍스타일 (Textyle) 에서 첨부파일 용량 제한 늘리는 방법. [1] | sejin7940 | 2010.11.27 |
게시물 하단에 예쁜 추천,비추천 아이콘 버튼 추가하기~
[12]
![]() | xemall | 2010.11.28 |
최근문서 or 콘텐츠 위젯 공지글 뽑아오기 [8] | Xiso | 2010.11.29 |
[생초보팁] 페이지 내용 줄간격 css | 에혀라X | 2010.11.30 |
호스팅비 돈아낍시다. 하나의 XE 다중 도메인 사용하기. [10] | kimnada | 2010.12.02 |
[생초보팁] 회원가입시 홈페이지 블로그주소 않나타내기 ㅋ [4] | 에혀라X | 2010.12.05 |
새로운 채팅 서비스 웹톡!
[3]
![]() | 명랑폐인™ | 2010.12.06 |
어느게시판이든 모두 적용이 가능한 그림판입니다.^^ [1] | web | 2010.12.07 |
ftp나 mysql 암호 변경시 일어나는 ''db 접속시 에러' XE | 샷타이거 | 2010.12.08 |
플래시로 만들어진 글자 타이핑보고 만들었어요. | web | 2010.12.09 |
사이트 모니터링 알리미에요...^^
[3]
![]() | web | 2010.12.10 |
[생초보팁] 페이지(page) 줄간격과 부분 웹폰트 | 에혀라X | 2010.12.11 |
[생초보팁] 웹진최근게시물 요약글 링크걸기
[1]
![]() | 에혀라X | 2010.12.12 |
[생초보팁] 레이아웃 수정시 HTML 넣는 칸 넓히기 -_- | 에혀라X | 2010.12.12 |
메인화면에 설문조사 위젯(?) 만들기
[3]
![]() | 3D매니아 | 2010.12.14 |
1.4.2.3 에서 1.4.3 이상 버전으로 업그레이드 시 백지화면 해결팁 [4] | 2년후 | 2010.12.15 |
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법
[6]
![]() | DuRi | 2010.12.17 |
심플한 XML 플래시 이미지 갤러리
[7]
![]() | maxtabby | 2010.12.21 |