-webkit-overflow-scrolling:在chrome和ios中无法识别触摸

Question

要获得我已经读过的惯性滚动，我需要在滚动的div上添加-webkit-overflow- scroll : touch；到我的css中。当我添加这个代码并在chrome中检查它时，代码就会崩溃，就像你试图使用无效的css一样。此外，当我在我的iPhone (我在一个流星应用程序中使用cordova )加载时，我仍然不能得到平滑的滚动。我已经添加了

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

以及使容器处于绝对位置。所有这些似乎都不起作用。webkit-overflow-scrolling被弃用了吗？任何帮助都将不胜感激

我的css在一个Scss文件中(如果这很重要的话)

Answer 1

添加更多的css修复了它，我在ios safari中得到了流畅的滚动，如下所示：

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

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