title: Prevent sticky footer from moving up when scrolling up in Android Chrome browser
body: <p>I am developing a mobile website with <code>angular-material</code> which uses a fixed footer on the page. The footer is always present and fixed at the bottom. It all works well. However, when I scroll the page and the browser address bar hides, the body height changes as well. The result is that the fixed footer moves up too. </p>
  
  <p>This is the CSS of the footer is as follows:<br/></p>
  
  <pre><code>.mobile-ui .footer-mobile{
          position: fixed; 
          bottom: 0;
          width: 100%;
          z-index: 3;
          left: 0;
          right: 0;
      }
  </code></pre>
  
  <p>Is there any possibility that the footer will stay fixed?<br>
  I would prefer not forcing the address bar to hide or stay fixed.</p>