在放大时，在iPhone 6+，iPad 3上使用Safari滚动div

看来，在iPhone 6 +和iPad 3（我已经testing到目前为止重现问题的设备），页面放大时滚动div有一个问题。

当第一次加载下面的基本内容的页面，div没有问题滚动。

再生产

• 缩放页面，使得缩放比例大于1.0。 这似乎更经常地“禁用”滚动div的完全或大部分。 页面本身卷动或“反弹”。
• 缩小到1.0的比例，它再次滚动。

这个问题可能会有点不一致，有时当放大和周围的滚动触摸/移动/缩放页面将工作一点点，但不可靠。 只有缩小似乎重置它，以便div可以滚动一致没有问题。

Chrome 6+，iPad 3，iPhone 4（包括Chrome和Safari）以及多款Android手机（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; } 

 <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> <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> <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> <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> <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> <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> <p>test</p> <p>test</p> </div> </div>