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'); 

     }  
});