책갈피(<a name~>) 부드럽게 이동, jquery
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을 클릭하면 부드럽게... 스르르
<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을 클릭하면 부드럽게... 스르르
댓글 8개
naiyumie
12년 전
감사합니다
12년 전
좋은 자료 감사합니다.
12년 전
감사합니다.
12년 전
좋은 자료네요.
12년 전
스르르 잘되네요~
11년 전
좋은 자료 감사합니다 ㅠ
10년 전
감사합니당~~
9년 전
z
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4415 | ||
| 144 |
Lemios
|
11년 전 | 6681 | |
| 143 | 11년 전 | 13448 | ||
| 142 |
 디자인배틀 |
11년 전 | 6101 | |
| 141 | 11년 전 | 5446 | ||
| 140 | 11년 전 | 6476 | ||
| 139 | 11년 전 | 6580 | ||
| 138 | 11년 전 | 12130 | ||
| 137 | 11년 전 | 9988 | ||
| 136 | 11년 전 | 7131 | ||
| 135 |
skaxoddl
|
11년 전 | 9793 | |
| 134 | 11년 전 | 7513 | ||
| 133 | 11년 전 | 7355 | ||
| 132 | 11년 전 | 5413 | ||
| 131 | 11년 전 | 9678 | ||
| 130 | 11년 전 | 5253 | ||
| 129 | 11년 전 | 14678 | ||
| 128 | 11년 전 | 11966 | ||
| 127 | 11년 전 | 9746 | ||
| 126 | 11년 전 | 9708 | ||
| 125 | 11년 전 | 6267 | ||
| 124 | 11년 전 | 7684 | ||
| 123 | 11년 전 | 5750 | ||
| 122 | 11년 전 | 5556 | ||
| 121 | 11년 전 | 8458 | ||
| 120 | 11년 전 | 7777 | ||
| 119 | 11년 전 | 11892 | ||
| 118 | 12년 전 | 9396 | ||
| 117 | 12년 전 | 7707 | ||
| 116 | 12년 전 | 6709 | ||
| 115 |
 vitamin |
12년 전 | 6829 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기