-webkit-overflow-scrolling：在 chrome 和 ios 上无法识别触摸

Posted 2023-03-15

【中文标题】-webkit-overflow-scrolling：在 chrome 和 ios 上无法识别触摸

【英文标题】：-webkit-overflow-scrolling: touch is not recognized in chrome and on ios

【发布时间】：2015-08-20 13:11:41

【问题描述】：

要获得我读过的惯性滚动，我需要添加 -webkit-overflow-scrolling: touch;到滚动的 div 上的我的 CSS。当我添加它并在 chrome 中检查它时，代码被击中，类似于当您尝试使用无效的 css 时。此外，当我在我的 iPhone 上加载它（我在流星应用程序中使用科尔多瓦）时，我仍然没有得到平滑的滚动。我已经添加了

z-index:0
overflow-y: scroll;
-webkit-transform:translateZ(0);

以及使容器绝对定位。这些似乎都不起作用。不推荐使用 webkit-overflow-scrolling 吗？任何帮助将不胜感激

p.s 我的 css 在一个 Scss 文件中（如果重要的话）

【问题讨论】：

-webkit-overflow-scrolling：触摸适用于 android + ios。您是否在滚动内容的父级中添加 css？

@HanhLe 是的，我尝试了父级和实际 div 本身

请显示您的 html 结构。它在我的应用程序中运行。

【参考方案1】：

添加更多的 css 为我修复了它，我在 ios safari 中获得了平滑滚动，如下所示：

-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0,0,0);
-webkit-perspective: 1000;

如果它是一个 webb 应用程序，它也可能对你有用！