手机上的粘滞滚动问题

时间:2019-10-03 15:33:39

标签: html css webkit parallax

我正在使用CSS透视图制作视差效果,这似乎是在手机上创建高性能视差的唯一方法。滚动区域位于一个可在内部滚动的框(即屏幕的大小)中,并且视差有效,但是,在我的ipad上,滚动时它非常粘(无法“翻转”屏幕,放开后也可以滚动) ),按照此post。解决方案是容器上的此CSS:

 -webkit-overflow-scrolling: touch;

这将恢复“轻拂屏幕”的功能,并在松开后滚动。但是,它再次使视角变平了,不再有视差了。在手机上保持透视和正常滚动的方法是什么?似乎在ipad /手机上没有视差的好方法吗?

1 个答案:

答案 0 :(得分:1)

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