책갈피(<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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 475 |
wonilone
|
10년 전 | 7316 | |
| 474 | 10년 전 | 6582 | ||
| 473 | 10년 전 | 5043 | ||
| 472 | 10년 전 | 5582 | ||
| 471 | 10년 전 | 8266 | ||
| 470 | 10년 전 | 6889 | ||
| 469 |
 뜨거운형제들 |
10년 전 | 6054 | |
| 468 |
뜨거운형제들 |
10년 전 | 7994 | |
| 467 | 10년 전 | 8728 | ||
| 466 |
 익명닉네임 |
10년 전 | 7377 | |
| 465 |
carlpark
|
10년 전 | 9951 | |
| 464 | 10년 전 | 5081 | ||
| 463 |
잘살아보자
|
10년 전 | 12310 | |
| 462 | 10년 전 | 10801 | ||
| 461 | 10년 전 | 6372 | ||
| 460 |
 스트레스ㅡ제윤아빠 |
10년 전 | 8704 | |
| 459 | 10년 전 | 5756 | ||
| 458 |
잘살아보자
|
10년 전 | 5566 | |
| 457 |
잘살아보자
|
10년 전 | 9312 | |
| 456 | 10년 전 | 8057 | ||
| 455 | 10년 전 | 9033 | ||
| 454 | 10년 전 | 9748 | ||
| 453 | 10년 전 | 11436 | ||
| 452 | 10년 전 | 7427 | ||
| 451 | 10년 전 | 54860 | ||
| 450 | 10년 전 | 4970 | ||
| 449 | 10년 전 | 9982 | ||
| 448 | 10년 전 | 9495 | ||
| 447 | 10년 전 | 9112 | ||
| 446 | 10년 전 | 7110 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기