移动设备上的粘性滚动问题

Sticky scrolling issue on mobile

我正在使用 CSS 视角制作视差效果,这似乎是在手机上创建高性能视差的唯一方法。滚动区域位于一个内部可滚动的框内(与屏幕大小相同)并且视差有效,但在我的 ipad 上它滚动时非常粘(不能 'flick' 屏幕和当你放手时它会滚动)按照这个 post。解决方案是在容器上 CSS:

 -webkit-overflow-scrolling: touch;

这将恢复 'flick the screen' 的能力并在放手后滚动。然而,它再次使视角变平并且不再有视差。在手机上保持透视和正常滚动的方法是什么?似乎在 ipads/mobiles?

上没有很好的视差方法

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