title: Scrolling content inside a fixed position div on mobile Safari suddenly stops – and starts scrolling the container itself
body: <p>I have a container which has <code>position:fixed</code> with scrolling content inside. I'm displaying this as a chat feature on mobile devices but on mobile Safari, the scrolling content inside the <code>position:fixed</code> container stops scrolling suddenly and starts to scroll the container itself.</p>
  
  <p>Open this link on mobile Safari to see the effect: <a href="http://jsbin.com/ruyito">http://jsbin.com/ruyito</a></p>
  
  <p>Editable example here: <a href="http://jsbin.com/ruyito/edit?html,css,output">http://jsbin.com/ruyito/edit?html,css,output</a></p>
  
  <p>The question: Why does my container div start to scroll its position suddenly and stop scrolling the content? (On Chrome on Android, it works without issue)</p>
  
  <p>Note: if you're having trouble triggering this bug, keep scrolling the content up and down quickly for 10 seconds or so, eventually it will suddenly stop scrolling.</p>