부

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;}
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
|

댓글 3개

좋은 팀 감사합니다~
감사합니다. 응용해봐야 겠어요^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
10-09-17 조회 3,865
10-09-17 조회 2,289
10-09-16 조회 3,388
10-09-16 조회 2,128
10-09-16 조회 3,259
10-09-16 조회 2,197
10-09-16 조회 3,872
10-09-16 조회 2,128
10-09-16 조회 2,622
10-09-16 조회 2,131
10-09-15 조회 4,457
10-09-15 조회 2,809
10-09-15 조회 2,789
10-09-15 조회 2,790
10-09-15 조회 2,827
10-09-15 조회 2,569
10-09-15 조회 3,283
10-09-15 조회 2,782
10-09-15 조회 2,353
10-09-15 조회 4,212
10-09-15 조회 2,628
10-09-15 조회 2,843
10-09-15 조회 2,540
10-09-15 조회 3,447
10-09-15 조회 3,470
10-09-15 조회 3,112
10-09-15 조회 2,470
10-09-15 조회 2,673
10-09-15 조회 2,334
10-09-15 조회 2,354
10-09-15 조회 2,540
10-09-14 조회 4,071
10-09-11 조회 3,999
10-09-11 조회 2,924
10-09-11 조회 2,445
10-09-11 조회 2,630
10-09-11 조회 2,622
10-09-11 조회 2,506
10-09-11 조회 2,428
10-09-11 조회 2,326
10-09-11 조회 2,678
10-09-11 조회 2,776
10-09-11 조회 2,401
10-09-11 조회 2,403
10-09-11 조회 2,558
10-09-11 조회 3,032
10-09-11 조회 2,544
10-09-08 조회 2,932
10-09-08 조회 2,664
10-09-07 조회 3,444
10-09-07 조회 4,486
10-09-07 조회 3,820
10-09-07 조회 2,366
10-09-07 조회 3,354
10-09-07 조회 3,658
10-09-04 조회 2,931
10-08-29 조회 2,814
10-08-27 조회 4,114
10-08-27 조회 4,119
10-08-20 조회 7,003
10-08-06 조회 2,918
10-07-30 조회 5,687
10-07-27 조회 2,797
10-07-15 조회 3,129
10-07-06 조회 3,194
10-07-01 조회 3,064
10-07-01 조회 2,588
10-07-01 조회 2,819
10-07-01 조회 3,063
10-06-30 조회 2,964
10-06-30 조회 3,835
10-06-30 조회 2,848
10-06-30 조회 2,950
10-06-30 조회 2,406
10-06-30 조회 2,525
10-06-30 조회 2,531
10-06-30 조회 2,468
10-06-30 조회 2,465
10-06-30 조회 2,493
10-06-30 조회 2,641
10-06-30 조회 2,651
10-06-30 조회 4,064
10-06-30 조회 2,418
10-06-30 조회 3,104
10-06-30 조회 3,003
10-06-17 조회 3,107
10-06-16 조회 2,791
10-06-14 조회 3,349
10-06-13 조회 2,038
10-06-11 조회 2,689
10-06-11 조회 2,578
10-06-11 조회 4,295
10-06-11 조회 4,702
10-06-11 조회 3,395
10-06-01 조회 2,867
10-05-31 조회 3,574
10-05-31 조회 2,985
10-05-31 조회 2,544
10-05-22 조회 5,234
10-05-18 조회 2,922