在Chrome浏览器和iOS设备上无法识别-webkit-overflow-scrolling: touch。

Question

为了实现惯性滚动，我需要在滚动的div中添加-webkit-overflow-scrolling: touch;。当我添加这个属性并在chrome中检查时，代码被删除，类似于尝试使用无效css时的情况。而且，当我在我的iPhone上加载此内容（我正在meteor应用中使用cordova），我仍然无法获得平滑的滚动效果。

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

除了将容器定位为绝对位置外，似乎都不起作用。webkit-overflow-scrolling已被弃用吗？任何帮助将不胜感激。

顺便说一句，我的CSS是在Scss文件中（如果有关系的话）。

- Adim

---

-webkit-overflow-scrolling: touch 在 Android 和 IOS 上工作。您是否在滚动内容的父级中添加 CSS？ - Hanh Le

@HanhLe 是的，我试过父级和实际的 div 本身。 - Adim

请展示你的HTML结构。它在我的应用程序中运行正常。 - Hanh Le

Answer 1

我添加了一些CSS，解决了这个问题，现在我可以在iOS Safari中实现平滑滚动：

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

如果这是一个Web应用程序，它可能也适用于你！

- Camathon