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

jquery scrolling menu

· 16년 전 · 3817 · 3
굉장히 간결하고 창의적인 스크롤링 코드입니다.
.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개

좋은 팀 감사합니다~
13년 전
감사합니다. 응용해봐야 겠어요^^

게시글 목록

번호 제목
13454
29442
13451
13448
13446
13445
13442
13439
13437
13434
13429
13425
13423
13418
13410
13408
13407
13406
29441
13405
13404
13401
13400
13399
13395
13391
29435
13389
13386
13381
13377
13370
13367
13366
13364
13362
29432
29428
13361
13360
13358
13354
13351
29427
13346
13340
13337
13334
13328
13326
13325
13324
13323
29426
13322
13321
13315
29424
13312
29422
25114
13308
13307
13305
13304
25111
29421
13301
13299
13296
13292
13291
13290
13289
13288
13287
13286
13285
13284
29420
13283
13277
13274
13266
13265
13262
13261
13259
13254
13250
29419
13242
13241
13236
13235
29418
29417
13234
13233
13231