修復元素滾動時的位置

Question

我想破解滾動條的例子，以便當用戶滾動到幻燈片＃what5，這張幻燈片的位置變成修復並堅持到頂部（頂部：0px），直到用戶向下滾動到另一個距離。即暫停滾動。

你可以在這裏看到我在做什麼，當它達到＃what5但是它的位置變得固定，但頂部保持在3984px而不是0px。

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}) 
      }