스크롤 질문! 채택완료
초초동
8년 전
조회 5,599
아래 사진처럼 중간 contents 부분에서만 배너가 왓다리 갔다리 하는걸 구현하고 싶은데요.
(id="footer" 부분 전까지만 따라오기)
어떻게 해야되나요?ㅜ
제가 한 부분은 요까지 입니다 ㅠ
</p><p><script type="text/javascript"> </p><p>var lastScroll = 0;</p><p>$(function(){</p><p> $(window).scroll(function(event){</p><p style="margin-left: 40px;"><span style="font-size: 11pt;"> var st = $(this).scrollTop();</span> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span> var win_s = $(window).scrollTop();</p><p> </p><p> if (st >= lastScroll){</p><p> $('html, body').stop().animate({</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> }, 0,function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> <span class="Apple-tab-span" style="white-space:pre"> </span>$(document).scrollTop(0);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> <span class="Apple-tab-span" style="white-space:pre"> </span>introScroll = true;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> });</p><p> }</p><p> lastScroll = st+500;</p><p> if(introScroll){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> if(win_s >= 400){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> $("#sit_ov").css('position','fixed');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> $("#sit_ov").css('top',10);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> }else{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> $("#sit_ov").css('position','absolute');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> $("#sit_ov").css('top',0);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> }</p><p><span class="Apple-tab-span" style="white-space:pre"> </span><span style="font-size: 11pt;"> }</span></p><p> });</p><p>});</p><p></script> </p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
8년 전
관련해서 플러그인들이 여럿 있습니다.
http://leafo.net/sticky-kit/">http://leafo.net/sticky-kit/
위에 것 참고해보시고, 그밖의 sticky 와 같은 검색으로 구글에서 검색하시면 여럿 찾을 수 있을겁니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
초초동
8년 전
아 그걸 sticky-kit 이라고 하는군요..ㅎ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인