我在移动 safari 中过度滚动 div 时遇到问题。我有一个嵌套结构body { position: fixed }，其中有一个父 div 和一个子 div。容器 div 具有：.container { overflow-y: scroll; -webkit-overflow-scrolling: touch; }和一个max-height由 javaScript 动态设置的属性。
当我在移动 safari 中将容器过度滚动到子 div 的内容之外时（踢出“过度滚动”或“弹性/橡皮筋”滚动效果，我会出现各种抖动，如下所示：
我已经搜索了 SO 和我能找到的所有其他资源，但无济于事。我觉得一条信息可能是相关的：
如果我禁用元素上的滚动，我可以像尝试滚动一样拖动屏幕，有时我可以让子内容的底部消失并在 iPhone 上显示约 40px 的容器 div 的背景。它大致是底部控制栏的大小，但出现在控制栏上方。
我还在一个深埋的评论中读到，曾经有一个 safari 在滚动时触发调整大小事件的错误，但我已经设置事件侦听器来提醒是否触发了调整大小事件以进行测试，并且没有发生这种情况。
我不知道要寻找什么来解决这个问题。关于造成这种情况的想法？
注意：FWIW，这是在 React 中使用 create-react-app 构建的。