banneer
-
스크롤에 따라서 움직이는 광고 베너 만들기! 웹 공부 ! 2018. 4. 23. 18:31
쇼핑몰 또는 일반 회사 사이트를 보면 스크롤에 따라서 움직이는 광고 베너를 볼 수있다. position : fixed를 할 수도 있지만 좀 더 동적인 느낌이 나도록 하기 위해서 jquery를 사용 했다. hmtl 코드 css 코드 .fly { position: absolute; top: 0px; left: 90%; width: 80px; height: 200px; background: #f00 } jquery $(function() { $(window).scroll(function(){ var sct = $(this).scrollTop(); //console.log(sct); $('.fly').stop().animate({ top: sct }) }) })