Jquery

scrolling menu
  • 조회수 4,410
  • 작성일 2010-04-25
  •  
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;}