首页 > 解决方案 > ios 13 CSS 设置-webkit-overflow-scrolling:自动无法工作

问题描述

-webkit-overflow-scrolling: touch在CSS中设置,然后当我滚动元素时,它会随机卡住,我已经尝试了我能找到的一切,但它没有奏效。

我发现ios13丢弃了CSS-webkit-overflow-scrolling: auto 布局和渲染

当我使用Vscode设置时会发生这种情况-webkit-overflow-scrollingvscode 不支持

我该如何使用该属性?

标签: cssios13webkit-overflow-scrolling

解决方案


他们把它杀了。

https://developer.apple.com/documentation/safari_release_notes/safari_13_release_notes

这并没有明确表示杀死“汽车”,但所有迹象都表明他们已经这样做了。

我遇到了一个里面有一个可滚动 div 的弹出窗口的噩梦问题。如果用户“反弹”它然后以特定方式滚动,它将滚动下面的窗口,然后在窗口完成滚动之前你不能滚动 div。

所以设置'位置:固定'或类似的东西(我听到你说)。好吧,我有 - 事实上我正在使用 Angular 材质,并且底层窗口上的实际滚动被阻止,但 iOS 似乎仍在运行它的物理算法,即使没有任何动画。

至少这个选项用来让用户获得更少的“弹性”,并希望他们不会触发这个“错误”。

--

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

overscroll-behavior: contain;

推荐阅读