CSS組合固定不跳的效果

Question

我想給頭體的作用就像這個網站preview.oklerthemes.com/?theme=Porto

使用的相對位置（以顯示滾動）...和使用固定..但是當我把固定的位置，我看到這到了原來的位置，然後出現。 - >https://jsfiddle.net/uxhgpz6e/2/

enter

所以，我想避免這種 「跳效應」，但仍使用相對+固定。

Answer 1

更改您的滾動值，它應該得到你想要的行爲：See this fiddle

$(window).scroll(function(){ 

     if($(window).scrollTop() > 100){ 
       $('.header-body').css('position','fixed').css('top','-100px'); 
     } else { 
      $('.header-body').css('position','relative').css('top','0'); 

     }  
});