책갈피(<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년 전
스크랩 해둡니다. ^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 34021 | |
| 33994 | |
| 33922 | |
| 33895 | |
| 33889 | |
| 33882 | |
| 33868 |
최신글
최신글 함수 개량
11
|
| 33863 | |
| 33859 | |
| 33857 | |
| 33849 | |
| 33842 | |
| 33835 | |
| 33830 | |
| 33828 | |
| 33807 | |
| 33797 | |
| 33796 | |
| 33791 | |
| 33786 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기