책갈피(<a name~>) 부드럽게 이동, jquery
jquery library 이용... 반드시 jquery-1.8.3.min.js, jquery.anchor.js 순서로 코딩.
<script type="text/javascript" src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?php echo G5_JS_URL ?>/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="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?php echo G5_JS_URL ?>/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을 클릭하면 부드럽게... 스르르
댓글 8개
naiyumie
11년 전
감사합니다
11년 전
좋은 자료 감사합니다.
11년 전
감사합니다.
11년 전
좋은 자료네요.
11년 전
스르르 잘되네요~
11년 전
좋은 자료 감사합니다 ㅠ
10년 전
감사합니당~~
8년 전
z
게시글 목록
| 번호 | 제목 |
|---|---|
| 3142 | |
| 3134 | |
| 3116 | |
| 3114 | |
| 3108 | |
| 3107 | |
| 3106 | |
| 3099 | |
| 3092 | |
| 3079 | |
| 3075 | |
| 3064 | |
| 3058 | |
| 3057 | |
| 3055 | |
| 3051 | |
| 3043 | |
| 3038 | |
| 3036 | |
| 3034 | |
| 3022 | |
| 3021 | |
| 3014 | |
| 3007 | |
| 3003 | |
| 2992 | |
| 2964 | |
| 2958 | |
| 2953 | |
| 2949 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기