채택완료

스크롤 질문!

2017-03-03 (금) 15:27:28 5,795

아래 사진처럼 중간 contents 부분에서만 배너가 왓다리 갔다리 하는걸 구현하고 싶은데요.

(id="footer" 부분 전까지만 따라오기) 

어떻게 해야되나요?ㅜ

3e3cb5e3d6233d0013605d27c3954590_1488522265_1623.png 

제가 한 부분은 요까지 입니다 ㅠ

Copy
<script type="text/javascript"> var lastScroll = 0;$(function(){  $(window).scroll(function(event){  var st = $(this).scrollTop(); 	  var win_s = $(window).scrollTop();       if (st >= lastScroll){         $('html, body').stop().animate({	     }, 0,function(){	     	$(document).scrollTop(0);	     	introScroll = true;	     });      }      lastScroll = st+500;      if(introScroll){		  if(win_s  >= 400){			  $("#sit_ov").css('position','fixed');			  $("#sit_ov").css('top',10);		  }else{			  $("#sit_ov").css('position','absolute');			  $("#sit_ov").css('top',0);		  }	 }  });});</script>
|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2017-03-03 (금) 15:44:48

관련해서 플러그인들이 여럿 있습니다. 

http://leafo.net/sticky-kit/

위에 것 참고해보시고, 그밖의 sticky 와 같은 검색으로 구글에서 검색하시면 여럿 찾을 수 있을겁니다.

답변에 대한 댓글 1개

아 그걸 sticky-kit 이라고 하는군요..ㅎ

답변을 작성하려면 로그인이 필요합니다.