[JQuery] 따라다니는, 스크롤링 레이어

일반 js로 만든것을 사용하다가

예전에 만들어놓았던 jquery용을 찾아보니

너무 간단하게 되어 있어서 포스팅해준다.
<script type="text/javascript"> $("document").ready(function() { var currentPosition = parseInt($("#right_section").css("top")); $(window).scroll(function() { var position = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환합니다. $("#right_section").stop().animate({"top":position+currentPosition+"px"},500); }); }); </script>
<div style="position:relative;float:left;width:80px;"> <div id="right_section" style="position:absolute;top:0px;left:0px;"> <div>따라갑시다.</div> </div> </div>

짧고 간단해졌다. 그래서 JQuery를 사랑한다. 

// 2012-05-08 갱신

//scroll the message box to the top offset of browser's scrool bar $(window).scroll(function() { $('#scroll').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350}); }); //when the close button at right corner of the message box is clicked $('#scroll').click(function() { //the messagebox gets scrool down with top property and gets hidden with zero opacity $('#scroll').animate({ top:"+=15px",opacity:0 }, "slow"); });