사이트 구축·운영 인사이트, SIR 블로그
이전
목록
다음
웹

책갈피(<a name~>) 부드럽게 이동, jquery

웹이지
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2013-12-10 (화) 11:17:23 · 12482 · 8

링크

http://www.position-relative.net/creation/anchor/ (654)
jquery library 이용... 반드시 jquery-1.8.3.min.js, jquery.anchor.js 순서로 코딩.

<script type="text/javascript" src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?php echo G5_JS_URL ?>/jquery.anchor.js"></script>

<a id="btop" name="btop"></a> <!-- 책갈피 지정되는 태그 a에 name과 id를 아래에서 지정한 href와 같도록 맞춰줍니다. -->

----- 내용 -----

<a href="#btop" class="anchorLink">Top</a> <!-- 책갈피 링크 태그 a에 class="anchorLink" 를 추가 -->

Top을 클릭하면 부드럽게... 스르르

첨부파일

jquery-1.8.3.min.js (91.4 KB) 67회 2013-12-10 11:17
jquery.anchor.js (937 bytes) 136회 2013-12-10 11:17
|

댓글 8개

동글이
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-12-10 (화) 14:58:32
좋은 자료 감사합니다.
원더리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-12-11 (수) 12:21:45
감사합니다.
크림77
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-12-12 (목) 21:00:33
스르르 잘되네요~
누갸
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-12-24 (화) 13:58:41
좋은 자료 감사합니다 ㅠ
주봉이
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-11-02 (월) 01:09:45
감사합니당~~
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
13-12-10 조회 1.2만
13-12-07 조회 1.1만
13-12-05 조회 1만
13-12-05 조회 1만
13-12-04 조회 2.4만
13-12-01 조회 8,438
13-11-29 조회 8,142
13-11-29 조회 8,084
13-11-28 조회 1만
13-11-28 조회 1.3만
13-11-21 조회 9,321
13-11-20 조회 9,897
13-11-20 조회 9,286
13-11-19 조회 1.6만
13-11-19 조회 8,881
13-11-17 조회 9,305
13-11-17 조회 8,697
13-11-17 조회 9,966
13-11-16 조회 1만
13-11-16 조회 8,372
13-11-16 조회 1만
13-11-13 조회 1만
13-11-13 조회 1만
13-11-12 조회 1.1만
13-11-10 조회 9,016
13-11-10 조회 8,149
13-11-08 조회 9,055
13-11-07 조회 9,602
13-11-03 조회 8,587
13-11-01 조회 1.4만
글쓰기