我有一个简单的滚动div在我的Html页面上的移动移动的例如。

<div id="outer">
        <div id="inner">scrollable long content....</div>
        </div>

        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; 
        }

问题是，如果我在移动的屏幕上对角滚动，比如从左上角到右下角，
Safari冻结了几秒钟，如果我一直对角重复滑动。屏幕冻结了很长时间。以前我使用jQuery移动的但删除了它，问题仍然存在于简单的Html也。请帮助。
事实上，我需要没有滚动主页面滚动侧面板。