Help me please! When testing on the NEXUS 5, I found such a bug, the footer remains in place when the address bar is hidden, the effect of empty space comes out

screen to scroll enter image description here

as soon as the scrolling started, the address bar disappears and my problem appears the essence of the problem

when the scroller stops, the heder behaves normally until the next appearance of the address bar

    3 answers 3

    Nashol solution it did not suit me, since the script captures the address bar of the browser, it did not suit me because such a solution steals ~ 15% visibility from the user. It works both on Android and on iOS. Iscroll -5 is called.

      It would not be bad to take a look at the code, but there is a suspicion that the header needs to write position: fixed; and left: 0; top: 0; left: 0; top: 0;

      • one
        position: fixed does not work in most mobile browsers - 11111000000

      If the block should be shown on top (in terms of z-index ) of the main content, absolutely position it with top:0 and wrap it in another position: relative , located above the main content in the html code.

      • If you mean iOS up to version 5 and Android up to version 3, then yes, this is a problem. But this is the old days. - Roman
      • Android 4.2.2 is at hand - fixed does not work in a standard browser. - 11111000000
      • The problem is not in positioning, namely in position: fixed; Nashol infu that this is not a new problem on Android and on old IOS - Dran64uk