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

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

· 11년 전 · 7986 · 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개

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

게시글 목록

번호 제목
33785
33781
33776
33761
33753
33751
33749
33731
33706
33694
33690
33683
33674
33672
33662
33655
33608
33605
33587
33581