ios 13 CSS set -webkit-overflow-scrolling: auto 无法工作

Question

我在CSS中设置了-webkit-overflow-scrolling: touch，然后当我滚动元素时，它会随机卡住，我已经尝试了我能找到的所有方法，但是没有用。

我发现 ios13 丢弃了 CSS -webkit-overflow-scrolling: auto

当我使用 Vscode 设置 -webkit-overflow-scrolling 时会发生这种情况：

我该如何使用属性？

Answer 1

我认为此偏好或建议尚未更新 vscode。您当然可以尝试并在实际的 IOS 13 设备上进行验证。

-webkit-overflow-scrolling: auto;

正如我在刚刚的建议中看到的那样，在 vscode 中显示删除线。

Answer 2

他们杀了它。

这并没有明确表示杀死了 'auto'，但所有迹象都表明他们已经这样做了。

我遇到了一个内部有可滚动 div 的弹出窗口的噩梦问题。如果用户 'bounces' 它然后以特定方式滚动它会滚动下面的 window 然后你不能滚动 div 直到 window 完成滚动.

所以设置 'position: fixed' 或类似的东西（我听到你说）。好吧，我有 - 事实上我正在使用 Angular material 并且底层 window 上的实际滚动被阻止但是 iOS 似乎仍然运行它的物理算法，即使什么都没有动画。

至少这个选项曾经让用户获得更少'bouncy'，希望他们不会触发这个'bug'。

--

还有一个新选项可能有助于解决由 auto 不再可用引起的问题 - 例如如上所述的父元素的奇怪滚动。但是不幸的是，我无法在 Safari 中使用它，但它确实按预期在 Chrome 中工作。即使这确实有效，如果您只是喜欢它的工作方式，它也无助于恢复 auto 行为。

overscroll-behavior: contain;

ios 13 CSS set -webkit-overflow-scrolling: auto cannot work