책갈피(<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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2425 | 1년 전 | 1136 | ||
| 2424 | 1년 전 | 1156 | ||
| 2423 |
 마르스컴퍼니 |
1년 전 | 1835 | |
| 2422 | 1년 전 | 1061 | ||
| 2421 |
 세죠위그이 |
1년 전 | 1842 | |
| 2420 | 1년 전 | 1148 | ||
| 2419 | 1년 전 | 1137 | ||
| 2418 | 1년 전 | 921 | ||
| 2417 | 1년 전 | 1222 | ||
| 2416 | 1년 전 | 1106 | ||
| 2415 | 1년 전 | 993 | ||
| 2414 | 1년 전 | 1397 | ||
| 2413 |
 oneit |
1년 전 | 2001 | |
| 2412 | 1년 전 | 991 | ||
| 2411 | 1년 전 | 1856 | ||
| 2410 | 1년 전 | 1690 | ||
| 2409 | 1년 전 | 1187 | ||
| 2408 | 1년 전 | 1155 | ||
| 2407 | 1년 전 | 830 | ||
| 2406 | 1년 전 | 2040 | ||
| 2405 |
와칸다포에버
|
1년 전 | 1044 | |
| 2404 | 1년 전 | 1121 | ||
| 2403 |
뽕엄능브라
|
1년 전 | 2050 | |
| 2402 | 1년 전 | 1156 | ||
| 2401 | 1년 전 | 1258 | ||
| 2400 | 1년 전 | 1845 | ||
| 2399 | 1년 전 | 1572 | ||
| 2398 | 1년 전 | 1892 | ||
| 2397 | 1년 전 | 1256 | ||
| 2396 | 1년 전 | 1075 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기