본문 바로가기

Web/javascript & jQuery

스크롤 따라다니는 배너

반응형

html 코드

 <!-- Floating banner -->

  <div id="floating_banner">

   <a href="#">배너</a>

  </div>

  <script type="text/javascript" src="/script/quick.js"></script>

  <!--// Floating banner -->

 

 

js 코드

/* Floating Banner */

var quick_menu = $('#floating_banner');

var quick_top = 130; //top

quick_menu.css('top', $(window).height() );

$(document).ready(function(){

 quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" }, 130 ); 

 $(window).scroll(function(){

  quick_menu.stop();

  quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, 200 );

 });

});



[출처] 스크롤에 따라다니는 배너|작성자 혜벙벙

반응형