title: How to set the background color of a page for scroll pull?
body: <p>With touch devices (mobile, touchpads, etc.) I need to set the background-color of a page when scrolling off the body:</p>
  
  <p><a href="https://i.stack.imgur.com/OdnRT.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/OdnRT.gif" alt="scroll off"></a></p>
  
  <p>I tried setting the background color of the HTML:</p>
  
  <pre><code>html {
     background-color:#00BD9C;
  }
  </code></pre>
  
  <p>It worked as seen on the movie. However I need a white background-color for the bottom of the page. background-image for html doesn't work with scrolling off. I thought of using a gradient. Is there a better way?</p>