修复元素滚动时的位置

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