似乎在 iPhone 6+ 和 iPad 3(到目前为止我测试过的设备会重现问题)上,当页面放大时滚动 div 存在问题。
当第一次加载具有以下基本内容的页面时,div 滚动没有问题。
再生产
这个问题可能有点不一致,有时在放大并围绕滚动触摸/移动/缩放页面时会起作用,但不可靠。只有缩小才能重置它,以便 div 可以一致地滚动而不会出现问题。
这似乎无法在 iPhone 6+、iPad 3、iPhone 4(Chrome 和 Safari)以及几款 Android 手机 (Chrome) 上使用 Chrome 重现。
有人遇到过这个问题和/或知道如何解决吗?或者我错过了什么?
任何信息或帮助表示赞赏。
#outer {
border: 1px solid #000;
width: 100px;
height: 100px;
overflow: auto;
/*
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
*/
}
#inner {
width: 100px;
background-color: cornflowerblue;
}
p { margin: 0; }Run Code Online (Sandbox Code Playgroud)
<div id="outer">
<div id="inner">
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p> …Run Code Online (Sandbox Code Playgroud)