미리보기

스크롤 하면서 우측 배너 움직임을 보세요.

html

<div class="quick_pos">
	<ul class="quick">
		<li><img src="이미지경로" alt="웹미니" /></li>
	</ul>
</div>

css

.quick_pos{position:relative;width:100%;min-width:500px}
.quick_pos .quick{position:absolute;top:50px;left:50%;z-index:60;margin-left:250px}
.quick_pos .quick.fixed{position:fixed}

script

$(document).ready(function(){
	// 퀵배너 스크롤
	$(window).scroll(function(){
		var quickPos = $('.quick_pos').offset().top;
		var winPos = $(window).scrollTop();
		if( winPos > quickPos ) $('.quick_pos .quick').addClass('fixed');
		else $('.quick_pos .quick').removeClass('fixed');
	});
});