우측 스크롤배너 특정값에서 스크롤 중지 채택완료
남프로
8년 전
조회 6,216
우측 스크롤 배너를 스크롤하다 보면 아래에 내용을 덮어버리더라구요
그래서 그 내용 위까지만 스크롤되게 하고 싶은데
아래해서 특정 몇픽셀 위까지만 스크롤 되게 하는 방법 없을까요?
js파일 보니 그리 어려운 js파일은 아닌거 같은데
초보에겐 어렵네요
/js/scroll_oldie.js
</p><p>// 원본출처 <a href="<a href="http://blog.bits.kr/90" target="_blank" rel="noopener noreferrer">http://blog.bits.kr/90</a>"><a href="http://blog.bits.kr/90" target="_blank" rel="noopener noreferrer">http://blog.bits.kr/90</a></a> - 어떤 용도로도 자유로운 사용가능. 수정/배포도 마음대로..</p><p>// 수정 지운아빠 2013-04-30</p><p>$(function(){</p><p> var $win = $(window);</p><p> var top = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환합니다.</p><p> </p><p> /*사용자 설정 값 시작*/</p><p> var speed = 0; // 따라다닐 속도 : "slow", "normal", or "fast" or numeric(단위:msec)</p><p> var easing = 'linear'; // 따라다니는 방법 기본 두가지 linear, swing</p><p> var $layer = $('#stv_list'); // 레이어 셀렉팅</p><p> var layerTopOffset = 0; // 레이어 높이 상한선, 단위:px</p><p> $layer.css('position', 'absolute');</p><p> /*사용자 설정 값 끝*/</p><p> </p><p> // 스크롤 바를 내린 상태에서 리프레시 했을 경우를 위해</p><p> if (top > 0 )</p><p> $win.scrollTop(layerTopOffset+top);</p><p> else</p><p> $win.scrollTop(0);</p><p> </p><p> //스크롤이벤트가 발생하면</p><p> $(window).scroll(function(){</p><p> yPosition = $win.scrollTop() - 123;</p><p> if (yPosition < 0)</p><p> {</p><p> yPosition = 0;</p><p> }</p><p> $layer.animate({"top":yPosition }, {duration:speed, easing:easing, queue:false});</p><p> });</p><p>});</p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인