title: Overflow-X Hidden on html tag, iOS Safari Lags
body: <p>On  a simple mobile page, i tested on iOS safari have some overflow div using</p>
  
  <pre><code>div {position:absolute; right:-2em; /* or */ left: -3em;}
  </code></pre>
  
  <p>if i set the body using </p>
  
  <pre><code>body {width:100%; overflow-x: hidden;}
  </code></pre>
  
  <p>it only hide the scroll bar, but still able to pan to the right;
  but if I do </p>
  
  <pre><code>html {overflow-x: hidden;}
  </code></pre>
  
  <p>it dose the trick but make scrolling very laggy. prob something simple that i overlooked.
  thanks</p>
  
  <p><img src="https://i.stack.imgur.com/Pwc1m.png" alt="enter image description here"></p>