Safari freezes on diagonal swipe on scrollable div content
<p>I have a simple scrollable div on my Html page for MOBILE e.g.</p>

<pre><code>       &lt;div id="outer"&gt;
        &lt;div id="inner"&gt;scrollable long content....&lt;/div&gt;
        &lt;/div&gt;

        and CSS
        #outer {
            background: white none repeat scroll 0 0;
            height: 300px;
            left: 0;
            margin-top: 47px;
            padding: 0.5rem;
            position: absolute;
            top: 0;
            width:65%;
            z-index: 1200;

        }
        #inner{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0px;
           overflow: auto;
            -webkit-overflow-scrolling: touch; 
        }
</code></pre>

<p>Issue is that If I scroll diagonally say from top left to down right on my mobile screen , <br/> Safari freezes for few seconds and if I keep swiping diagonally repeatedly .. Screen freezes for long time.Previously I used jQuery mobile but removed it and issue still persists in simple Html also.
            Please help.<br/>
            In fact I need scrollable side panel without scrolling main page.</p>