CSS fix Div nach Scroll mit negativem Randsprung

Question

Ich möchte, dass wenn ich das Element nach scroll mit negativem Rand dieses nicht "Sprung" beheben. Beispiel ->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; 
}` 

(I akzentuierte das Verhalten mit dem Übergang)

Answer 1

Ich bin nicht ganz sicher, was Sie würde versuchen zu erreichen, aber diese Arbeit ?: https://jsfiddle.net/m9oqbuab/1/

Im Wesentlichen es ist immer behoben. Hinzugefügt Folgendes css unter .header-body:

.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; 
} 

Danach entfernten die css('position') Methoden aus der js.