Why fixed div is jumping when scrolling on mobile?

When you fast scroll the page on mobile (chrome browser) jumping fixed block.
Above it there is a white strip about 1px tall. How to remove this bug?




<title>TEST</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style type="text/css">
html, body, div {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
body {
 padding-top: 44px; 
}
.header {
 background-color: #004f74;
 position: fixed;
 height: 44px;
 top: 0;
 left: 0;
 right: 0;
 z-index: 101;
}
.wrapper {
 height: 3000px;
}
</style>


 <div class="wrapper">
 <div class="header">
</div>
</div>



Update. Checked in the mobile version life.ru and rbc.ru - there's nothing jumping. But the bug fix did not understand on these sites.
July 2nd 19 at 18:12
1 answer
July 2nd 19 at 18:14
You need to do the following:
body {
 padding-top: 44px; 
 background: url('/blank.gif') fixed; / or base64
}

The point is that the background should be with a fixed image.

But even better, instead of using the properties padding-top: 44px body to apply it to the wrapper
Can you explain why? - Cassandra.Lockm commented on July 2nd 19 at 18:17
Added to body: background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAaaaalaaaaaabaaeaqaicraeaow==') fixed; - did not help ( - Cassandra.Lockm commented on July 2nd 19 at 18:20
Try instead of using the properties padding-top: 44px body to apply it to the wrapper - nikita.Stracke commented on July 2nd 19 at 18:23
You can also try to use the acceleration in the browsers. For example properties
-webkit-transform:translateZ(1px);
-moz-transform:translateZ(1px);
-o-transform:translateZ(1px);
transform:translateZ(1px);

Read more here : blog.teamtreehouse.com/increase-your-sites-perform... - nikita.Stracke commented on July 2nd 19 at 18:26
've tried to wrapper doesn't help, either - Cassandra.Lockm commented on July 2nd 19 at 18:29

Find more questions by tags CSS