책갈피(<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
11년 전
감사합니다
11년 전
좋은 자료 감사합니다.
11년 전
감사합니다.
11년 전
좋은 자료네요.
11년 전
스르르 잘되네요~
11년 전
좋은 자료 감사합니다 ㅠ
10년 전
감사합니당~~
8년 전
z
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 415 | 10년 전 | 8829 | ||
| 414 | 10년 전 | 5621 | ||
| 413 | 10년 전 | 11519 | ||
| 412 | 10년 전 | 6211 | ||
| 411 | 10년 전 | 8927 | ||
| 410 | 10년 전 | 13169 | ||
| 409 |
 익명닉네임 |
10년 전 | 7117 | |
| 408 | 10년 전 | 6542 | ||
| 407 | 10년 전 | 5760 | ||
| 406 | 10년 전 | 12415 | ||
| 405 | 10년 전 | 14227 | ||
| 404 | 10년 전 | 9643 | ||
| 403 | 10년 전 | 6561 | ||
| 402 | 10년 전 | 8331 | ||
| 401 |
 JAVA대세 |
10년 전 | 6497 | |
| 400 | 10년 전 | 11227 | ||
| 399 | 10년 전 | 11245 | ||
| 398 | 10년 전 | 8005 | ||
| 397 | 10년 전 | 9414 | ||
| 396 | 10년 전 | 8638 | ||
| 395 | 10년 전 | 10895 | ||
| 394 | 10년 전 | 8923 | ||
| 393 | 10년 전 | 7022 | ||
| 392 |
untitled
|
10년 전 | 6924 | |
| 391 | 10년 전 | 14541 | ||
| 390 | 10년 전 | 8085 | ||
| 389 | 10년 전 | 13296 | ||
| 388 | 10년 전 | 6814 | ||
| 387 |
JAVA대세 |
10년 전 | 6719 | |
| 386 | 10년 전 | 12453 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기