책갈피(<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년 전
좋은 자료 감사합니다.
11년 전
감사합니다.
11년 전
좋은 자료네요.
11년 전
스르르 잘되네요~
11년 전
좋은 자료 감사합니다 ㅠ
10년 전
감사합니당~~
9년 전
z
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 114 |
JMoon
|
12년 전 | 19672 | |
| 113 | 12년 전 | 5302 | ||
| 112 | 12년 전 | 5003 | ||
| 111 |
사노라가노라
|
12년 전 | 5040 | |
| 110 | 12년 전 | 7022 | ||
| 109 | 12년 전 | 9724 | ||
| 108 | 12년 전 | 6200 | ||
| 107 | 12년 전 | 6861 | ||
| 106 | 12년 전 | 6230 | ||
| 105 | 12년 전 | 12541 | ||
| 104 | 12년 전 | 5760 | ||
| 103 | 12년 전 | 6238 | ||
| 102 | 12년 전 | 5615 | ||
| 101 | 12년 전 | 6767 | ||
| 100 | 12년 전 | 7172 | ||
| 99 | 12년 전 | 5281 | ||
| 98 | 12년 전 | 7092 | ||
| 97 |
kesan
|
12년 전 | 7240 | |
| 96 | 12년 전 | 7289 | ||
| 95 | 12년 전 | 8158 | ||
| 94 | 12년 전 | 5969 | ||
| 93 | 12년 전 | 5125 | ||
| 92 | 12년 전 | 5858 | ||
| 91 | 12년 전 | 6427 | ||
| 90 | 12년 전 | 5457 | ||
| 89 |
soul5932
|
12년 전 | 10956 | |
| 88 |
못말리는크리스
|
12년 전 | 8076 | |
| 87 | 12년 전 | 10204 | ||
| 86 | 12년 전 | 5576 | ||
| 85 |
사노라가노라
|
12년 전 | 11205 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기