移动设备上的粘性滚动问题
Sticky scrolling issue on mobile
我正在使用 CSS 视角制作视差效果,这似乎是在手机上创建高性能视差的唯一方法。滚动区域位于一个内部可滚动的框内(与屏幕大小相同)并且视差有效,但在我的 ipad 上它滚动时非常粘(不能 'flick' 屏幕和当你放手时它会滚动)按照这个 post。解决方案是在容器上 CSS:
-webkit-overflow-scrolling: touch;
这将恢复 'flick the screen' 的能力并在放手后滚动。然而,它再次使视角变平并且不再有视差。在手机上保持透视和正常滚动的方法是什么?似乎在 ipads/mobiles?
上没有很好的视差方法
更好的方法是使用背景图像和透视图
我正在使用 CSS 视角制作视差效果,这似乎是在手机上创建高性能视差的唯一方法。滚动区域位于一个内部可滚动的框内(与屏幕大小相同)并且视差有效,但在我的 ipad 上它滚动时非常粘(不能 'flick' 屏幕和当你放手时它会滚动)按照这个 post。解决方案是在容器上 CSS:
-webkit-overflow-scrolling: touch;
这将恢复 'flick the screen' 的能力并在放手后滚动。然而,它再次使视角变平并且不再有视差。在手机上保持透视和正常滚动的方法是什么?似乎在 ipads/mobiles?
上没有很好的视差方法更好的方法是使用背景图像和透视图