title: Fix white bar below background-image on Android Chrome when scrolling down
body: <p>I am applying a background-image to a web page but when I view the site on my Android device in the Chrome app, a white bar appears at the bottom when I scroll down.</p>
  
  <p>I tried a solution that I found from an old post:
  <a href="https://stackoverflow.com/questions/32417663/white-area-on-fixed-background-when-scrolling-on-ios">White area on fixed background when scrolling on ios</a></p>
  
  <p>It works in the Samsung Internet app but the above solution doesn't seem to be working on the Android Chrome app</p>
  
  <p>Code:</p>
  
  <pre><code>body{
    background-image: url('../images/fields-and-tree.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0)
  }
  </code></pre>