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

2023年7月23日 357次阅读

为了获得惯性滚动,我已经阅读了我需要添加-webkit-overflow-scrolling：touch;在滚动的div上我的css.当我添加它并在chrome中检查代码是否受到攻击时,类似于当您尝试使用无效的css时.此外,当我在我的iPhone上加载它(我在流星应用程序中使用cordova)时,我仍然没有得到平滑的滚动.我已经添加了

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

以及使容器定位绝对.这似乎都不起作用.是不是弃用了webkit-overflow-scrolling？任何帮助,将不胜感激

p.s我的CSS在Scss文件中(如果重要的话)

最佳答案 添加一些更多的CSS为我修复它,我得到ios safari中的平滑滚动,如下所示：

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

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

点赞