책갈피(<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을 클릭하면 부드럽게... 스르르....


첨부파일

jquery-1.7.2.min.js (92.6 KB) 110회 2013-12-10 11:10
jquery.anchor.js (937 bytes) 175회 2013-12-10 11:10
|

댓글 3개

좋은 팁 감사합니다.
오호 좋습니다.
스크랩 해둡니다. ^^
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 1.2만
12년 전 조회 5,288
12년 전 조회 5,429
12년 전 조회 7,180
12년 전 조회 4,383
12년 전 조회 4,890
12년 전 조회 5,079
12년 전 조회 1.2만
12년 전 조회 4,987
12년 전 조회 8,106
12년 전 조회 2,768
12년 전 조회 5,554
12년 전 조회 4,940
12년 전 조회 1만
12년 전 조회 5,020
12년 전 조회 3,358
12년 전 조회 2,961
12년 전 조회 4,399
12년 전 조회 3,978
12년 전 조회 6,141
🐛 버그신고