스크롤 할 때 요소의 위치 고정

Question

스크롤 데크 예제를 해킹하여 사용자가 # 5 슬라이드로 스크롤하면이 슬라이드의 위치가 고쳐지고 사용자 (상단 : 0 픽셀)가 다른 y 거리까지 아래로 스크롤합니다. 스크롤을 일시 중지합니다.

여기서 내가 볼 수있는 것은 # what5에 도달하면 위치가 고정되지만 상단은 0px 대신 3984px로 유지됩니다.

http://machinas.com/wip/hugoboss/scrolldeck/decks/responsive/

$(window).on('scroll', function() { 
       var st = $(this).scrollTop(); 

       if ((st >= 3984) && (st <= 5040)){ 
         $('#what5').css({'position':'fixed'}) 
         $('#what5').css({ ' top ': 0 +"px!important"}) 
       } else { 

        $('#what5').css({'position':'absolute', ' top ': 3984}) 
       } 

      }); 

어떤 아이디어? 감사!

Answer 1

구문이 잘못되었습니다. 사용해보기 :

  if ((st >= 3984) && (st <= 5040)){ 
        $('#what5').css({position:'fixed', top : 0}); 
      } else { 

       $('#what5').css({position:'absolute', top : 3984}) 
      }