책갈피(<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,392
12년 전 조회 5,526
12년 전 조회 7,276
12년 전 조회 4,478
12년 전 조회 4,984
12년 전 조회 5,175
12년 전 조회 1.2만
12년 전 조회 5,074
12년 전 조회 8,188
12년 전 조회 2,860
12년 전 조회 5,652
12년 전 조회 5,039
12년 전 조회 1만
12년 전 조회 5,119
12년 전 조회 3,445
12년 전 조회 3,047
12년 전 조회 4,487
12년 전 조회 4,079
12년 전 조회 6,239