css - ios 13 CSS 设置-webkit-overflow-scrolling:自动无法工作
问题描述
我-webkit-overflow-scrolling: touch
在CSS中设置,然后当我滚动元素时,它会随机卡住,我已经尝试了我能找到的一切,但它没有奏效。
我发现ios13丢弃了CSS-webkit-overflow-scrolling: auto
当我使用Vscode
设置时会发生这种情况-webkit-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;
推荐阅读
- angular - Angular 12 更新 - Angular 编译器需要 TypeScript
- ios - 我的 github 项目中没有显示 fastlane 版本升级号
- vba - 有没有办法在所需日期之前隐藏(然后再次显示)Word 中的跟踪更改?
- ietf-netconf - 如何在开发板上配置 Netopeer2?
- java - 将非json字符串转换为json的最佳方法?
- webdatagrid - 错误:React.createClass 不是函数 [WebDataRocks]
- android - 有任何方法可以将 blob url 转换为数据 url 或 base64 字符串在 react native
- java - 将 Log4j 升级到 Logj42 时出现 LogManager ClassNotFoundException
- sql - PL SQL select count(*) 给出错误答案
- python - 如何使 SDK 连接到 S3 存储桶持久?