title: Scrolling doesn't work on IOS browsers (Safari and Chrome)
body: <p>I have a mysterious <code>CSS</code> related problem with scrolling, I created a sample from my project here: <a href="https://codepen.io/Eclipse-/pen/gObGRxm" rel="nofollow noreferrer">my project</a>.
  Briefly, the problem is the scrolling does not work on <code>IOS</code> <code>Safari</code> and <code>Chrome</code>, but it works perfectly fine in Android, any ideas? I have not observed any problems in PC.
  Cheers.</p>
  <p>EDIT:
  The <code>.contentContainer</code> element needs to scroll.</p>
  <p>I have tried these:</p>
  <pre><code>-webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  </code></pre>
  <p>Still no luck.</p>
  <p><strong>android(scroll working - scroll area shown with an arrow):</strong></p>
  <p><a href="https://i.stack.imgur.com/TzKAr.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TzKAr.jpg" alt="enter image description here" /></a></p>
  <p><strong>ios(scroll not working):</strong></p>
  <p><a href="https://i.stack.imgur.com/ADoMi.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ADoMi.jpg" alt="enter image description here" /></a></p>