要获得我读过的惯性滚动,我需要添加 -webkit-overflow-scrolling: touch;到滚动的 div 上的我的 css。当我添加它并在 chrome 中检查它时,代码被破坏,类似于当您尝试使用无效的 css 时。此外,当我在我的 iPhone 上加载它时(我在 meteor 应用程序中使用 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;
如果它是一个网络应用程序,它也可能适合您!
关于ios - -webkit-溢出-滚动 : touch is not recognized in chrome and on ios,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32119204/