title: hiding divs with negative margins on ipad
body: <p>I have an animation on <code>ipad</code> things go from <code>-200px</code> to <code>1500px</code> and are hidden in a browser with <code>overflow-x:hidden</code>.</p>
  
  <p>When I look on <code>ipad</code> I can scroll <code>"off screen"</code> and see the hidden items even though the body and html and set to <code>width:100%</code> and <code>height:100%.</code></p>
  
  <p>How can I fix this in <code>ipad?</code></p>