html - 移动设备上的粘滞滚动问题

Question

我正在使用 CSS 透视图制作视差效果，这似乎是在手机上创建高性能视差的唯一方法。滚动区域位于一个可在内部滚动的框中（这是屏幕的大小）并且视差有效，但是在我的 ipad 上它滚动时非常粘（不能“轻弹”屏幕并且当你放手时它会滚动) 根据这篇文章。解决方案是容器上的这个 CSS：

 -webkit-overflow-scrolling: touch;

这恢复了“轻弹屏幕”的能力，并在放手后滚动。然而，它再次使视角变平并且不再有视差。在手机上保持透视和正常滚动的方法是什么？似乎没有很好的方法在 ipad/手机上进行视差？

标签： htmlcsswebkitparallax

Answer 1

更好的方法是使用背景图像和透视图