페이지 내 우측 퀵배너 만들기

랜딩 작업을 하면 필요한 우측 퀵배너 

 

 

<div class="quick_pos" aria-hidden="true">
	<ul class="quick">
		<li><a href="javascript:void(0);" onclick=""></a></li>
		<li><a href="javascript:void(0);" onclick=""></a></li>
	</ul>
</div>

 

 

 

.quick_pos { position: relative; top: 100px; min-width: 1100px; width: 100%; }
.quick_pos .quick { position: absolute; top: 100px; left: 50%; z-index: 60; margin-left: 650px; }
.quick_pos .quick.fixed { position: fixed; }
@media all and (max-width: 1660px) { .quick_pos { display: none; } }

 

 

 

$(window).scroll(function () {
  let quickPos = $('.quick_pos').offset().top;
  let winPos = $(window).scrollTop();

  if ( winPos > quickPos ) {
  	$('.quick_pos .quick').addClass('fixed');
 } else {
 	$('.quick_pos .quick').removeClass('fixed');
 }
});