테스트 사이트 - 개발 중인 베타 버전입니다

우측 스크롤배너 특정값에서 스크롤 중지 채택완료

남프로 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개

채택된 답변
+20 포인트
8년 전

 

 //스크롤이벤트가 발생하면
22    $(window).scroll(function(){
23        yPosition = $win.scrollTop() - 123;
24        if (yPosition < 0)
25        {
26            yPosition = 0;
27

        } else if( yPosition > '특정위치의 값') {

           yPosition = '특정위치의 값';

        }

 

로그인 후 평가할 수 있습니다

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

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

로그인