jquery scrolling menu
굉장히 간결하고 창의적인 스크롤링 코드입니다.
.animate 이펙트 스피드값으로 반응속도를 간단히 조절합니다.
var $j = jQuery.noConflict();
$j(document).ready(function(){
var currentPosition = parseInt($j("#gotop").css("top"));
$j(window).scroll(function() {
var position = $j(window).scrollTop(); // 현재 스크롤바의 위치값 반환
$j("#gotop").stop().animate({"top":position+currentPosition+"px"},1000);
});
});
상위 엘리먼트에 position 속성을 준다음 #gotop 영역을 만들고 스타일을 정의합니다.
#gotop {position:absolute; width:80px; height:auto; top:10px; left:1px;}
.animate 이펙트 스피드값으로 반응속도를 간단히 조절합니다.
var $j = jQuery.noConflict();
$j(document).ready(function(){
var currentPosition = parseInt($j("#gotop").css("top"));
$j(window).scroll(function() {
var position = $j(window).scrollTop(); // 현재 스크롤바의 위치값 반환
$j("#gotop").stop().animate({"top":position+currentPosition+"px"},1000);
});
});
상위 엘리먼트에 position 속성을 준다음 #gotop 영역을 만들고 스타일을 정의합니다.
#gotop {position:absolute; width:80px; height:auto; top:10px; left:1px;}
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
댓글 3개
16년 전
좋은 팀 감사합니다~
드래그홈2
13년 전
굳
12년 전
감사합니다. 응용해봐야 겠어요^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 12828 |
JavaScript
최근 게시물 디자인
5
|
| 254 | |
| 252 | |
| 25062 | |
| 29368 | |
| 249 | |
| 243 | |
| 239 | |
| 236 | |
| 234 | |
| 12821 | |
| 12818 |
Flash
플래쉬 매뉴 소스 실무_
2
|
| 12815 | |
| 12811 |
기타
플래쉬 매뉴 소스
3
|
| 12807 |
JavaScript
플래쉬 매뉴 소스
3
|
| 12797 | |
| 12787 | |
| 12781 | |
| 12780 |
JavaScript
자동글 방지 팁입니다.
|
| 232 | |
| 12779 |
기타
PHP 에서의 디버그
|
| 12776 | |
| 12768 | |
| 12767 | |
| 229 | |
| 12764 | |
| 226 | |
| 12762 |
JavaScript
팝업창 중앙에 띄우기 소스
1
|
| 12758 |
JavaScript
<tip>초간단 위로가기 소스
3
|
| 12757 |
JavaScript
소스 <퀵메뉴>
|
| 12755 | |
| 223 | |
| 221 | |
| 12746 | |
| 219 | |
| 212 | |
| 12745 | |
| 210 | |
| 206 | |
| 29366 | |
| 205 | |
| 12743 | |
| 203 | |
| 29364 |
HTML
클릭하면 이미지 서로 바꾸기.
1
|
| 201 | |
| 12742 |
JavaScript
/var/log/secure 로그를 이용한 IP Deny 자동 등록
|
| 29361 | |
| 12740 |
Linux
여러가지 리눅스 팁들
1
|
| 199 | |
| 198 | |
| 196 | |
| 12738 | |
| 12735 |
JavaScript
포토샵으로 쌍꺼풀 만들기
2
|
| 12732 | |
| 195 | |
| 194 | |
| 12731 |
JavaScript
특정 이메일 입력 금지및 이메일 유효성 검사
|
| 191 | |
| 188 | |
| 185 | |
| 182 | |
| 179 | |
| 25053 | |
| 25052 | |
| 12729 | |
| 25050 | |
| 176 | |
| 174 | |
| 172 | |
| 171 | |
| 168 | |
| 166 | |
| 12724 | |
| 12715 |
Flash
xml 연동mp3 플레이어 제작소스
8
|
| 164 | |
| 12712 | |
| 12702 |
Flash
xml 연동형 겔러리소스입니다
9
|
| 159 | |
| 12697 |
Flash
이미지마스크
4
|
| 29360 |
HTML
메트릭스글자
|
| 12696 | |
| 155 | |
| 12694 | |
| 12692 | |
| 12689 | |
| 12687 | |
| 12685 | |
| 12683 |
Flash
Flex 및 Flash 래퍼런스 활용
1
|
| 12679 | |
| 12678 |
기타
픽토그램 소스
|
| 12676 |
JavaScript
[일러스트강좌] 마크 그리기
1
|
| 151 | |
| 12669 | |
| 148 | |
| 146 | |
| 144 | |
| 143 | |
| 29356 | |
| 12662 |
JavaScript
html,php,js.vbs,각종 암호화
6
|
| 12655 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기