책갈피(<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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2365 | 1년 전 | 1630 | ||
| 2364 | 1년 전 | 2103 | ||
| 2363 |
디지털홍익인간
|
1년 전 | 1251 | |
| 2362 | 1년 전 | 2031 | ||
| 2361 |
parkee
|
1년 전 | 927 | |
| 2360 | 1년 전 | 1651 | ||
| 2359 | 1년 전 | 1376 | ||
| 2358 | 1년 전 | 2647 | ||
| 2357 | 1년 전 | 1645 | ||
| 2356 |
타버린나무
|
1년 전 | 1855 | |
| 2355 | 1년 전 | 2384 | ||
| 2354 |
swallow
|
1년 전 | 2357 | |
| 2353 | 1년 전 | 1508 | ||
| 2352 | 2년 전 | 1590 | ||
| 2351 |
 소소한여자 |
2년 전 | 1471 | |
| 2350 | 2년 전 | 1289 | ||
| 2349 | 2년 전 | 2376 | ||
| 2348 | 2년 전 | 2490 | ||
| 2347 |
ceramoon
|
2년 전 | 1530 | |
| 2346 | 2년 전 | 1271 | ||
| 2345 | 2년 전 | 1676 | ||
| 2344 | 2년 전 | 2405 | ||
| 2343 | 2년 전 | 1643 | ||
| 2342 | 2년 전 | 1175 | ||
| 2341 | 2년 전 | 2525 | ||
| 2340 | 2년 전 | 1220 | ||
| 2339 | 2년 전 | 1396 | ||
| 2338 | 2년 전 | 1704 | ||
| 2337 | 2년 전 | 1998 | ||
| 2336 | 2년 전 | 2273 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기