테스트 사이트 - 개발 중인 베타 버전입니다

책갈피(<a name=~>) 부드럽게 이동, jquery

· 11년 전 · 7985 · 3
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을 클릭하면 부드럽게... 스르르....


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

좋은 팁 감사합니다.
오호 좋습니다.
스크랩 해둡니다. ^^

게시글 목록

번호 제목
34706
34693
34563
34536
34521
34480
34479
34466
34437
34436
34435
34406
34398
34387
34382
34375
34364
34336
34294
34293