jquery - Safari 在可滚动的 div 内容上对 Angular 滑动时卡住

Question

我的移动端 Html 页面上有一个简单的可滚动 div，例如

       <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 会卡住几秒钟，如果我继续沿对 Angular 线方向反复滑动......屏幕会卡住很长时间。以前我使用 jQuery移动但删除它并且问题仍然存在于简单的 Html 中。 请帮忙。
事实上，我需要不滚动主页的可滚动侧面板。

Answer 1

如果只希望侧边栏在可见时滚动，则必须设置

overflow = 'hidden';

到content div，关闭侧边栏时再次移除。为什么它在移动设备上卡住，仍然是一个问题。