我的移动端 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 中。
请帮忙。
事实上,我需要不滚动主页的可滚动侧面板。
最佳答案
如果只希望侧边栏在可见时滚动,则必须设置
overflow = 'hidden';
到content div,关闭侧边栏时再次移除。 为什么它在移动设备上卡住,仍然是一个问题。
关于jquery - Safari 在可滚动的 div 内容上对 Angular 滑动时卡住,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36686887/