책갈피(<a name=~>) 부드럽게 이동, jquery
jquery library 이용... 반드시 jquery-1.7.2.min.js, jquery.anchor.js 순서로 코딩.
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/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="<?=$g4['path']?>/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/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을 클릭하면 부드럽게... 스르르....
댓글 3개
11년 전
좋은 팁 감사합니다.
11년 전
오호 좋습니다.
11년 전
스크랩 해둡니다. ^^
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3309 | 3년 전 | 1803 | ||
| 3308 | 11년 전 | 2091 | ||
| 3307 |
uPAmJ903
|
6년 전 | 4750 | |
| 3306 |
바른사나이
|
6년 전 | 3273 | |
| 3305 | 6년 전 | 12305 | ||
| 3304 | 7년 전 | 3702 | ||
| 3303 | 7년 전 | 3742 | ||
| 3302 |
지리산초보
|
7년 전 | 13596 | |
| 3301 |
sozet
|
8년 전 | 4901 | |
| 3300 |
sozet
|
8년 전 | 5971 | |
| 3299 |
sozet
|
8년 전 | 10862 | |
| 3298 | 8년 전 | 4015 | ||
| 3297 |
또치하우스
|
8년 전 | 4442 | |
| 3296 | 8년 전 | 11969 | ||
| 3295 |
또치하우스
|
8년 전 | 14985 | |
| 3294 | 8년 전 | 6024 | ||
| 3293 | 8년 전 | 5587 | ||
| 3292 |
 bluells |
9년 전 | 5316 | |
| 3291 | 9년 전 | 13677 | ||
| 3290 | 9년 전 | 5051 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기