mobile webpage navigation breaks on focus input type text <p>![enter image description here][1]At the moment i am writing media querys for smartphones. But there occured a strange problem, and i just can´t find anything about it online..</p> <p>So the problem is that My navigation which is</p> <pre><code> position:fixed; top:0; left:0; ... </code></pre> <p>So everything seem to work but when i click on an input field and the mobile keyboard pops up the navigation bar keeps at it current point even if i scroll on.. So it seem the page got kind of "frozen" and the nav does not trigger any new</p> <pre><code> top:0; left:0; </code></pre> <p>Could someone give me a hind how to fix this? ... </p> <p><img src="https://i.stack.imgur.com/Vvnj1.png" alt="Normal fixed top:0; left:0;"></p> <p><img src="https://i.stack.imgur.com/mn7I1.png" alt="when the keyboard occurs the nav stays at it current position _&gt; when you do scroll up now.. the navigationbar will leave the window after a while"></p>