スクロール後に負のマージンでスクロールした後にdivを修正しました

Question

スクロール後に要素を固定すると、負のマージンののが「ジャンプ」しないようにしたいと思います。 例 - >https://jsfiddle.net/uxhgpz6e/2/

enter code here.header-body { 
    background: #339CCC; 
    border-top: 5px solid #EDEDED; 
    border-bottom: 1px solid transparent; 
    width: 100%; 
    z-index: 1001; 
    padding-top:90px; 
    transition: all 5s ease; 
}` 

（私はトランジションと行動を強調）

Answer 1

私はあなたが達成しようとしているものを完全にはよく分からないが、この作品は希望？：基本的にhttps://jsfiddle.net/m9oqbuab/1/

、常に固定されています。 JSからcss('position')メソッドを削除し、その後

.header-body { 
    background: #339CCC; 
    border-top: 5px solid #EDEDED; 
    border-bottom: 1px solid transparent; 
    width: 100%; 
    z-index: 1001; 
    padding-top:90px; 
    transition: all 5s ease; 
    position: fixed; 
} 

：.header-body下のCSSに以下を追加しました。