我正在努力实现平滑的视差效果。但它不适用于任何像chrome / opera / safari这样的webkit浏览器。甚至问题出在IE上。只有firefox没有问题。
我正在使用nicescroll进行平滑滚动。尝试了恒星,parallax.js和我的自定义javascript与jquery视差效果。所有这些都给我带来了同样的问题。当我用鼠标滚轮或键盘滚动时,视差元素会像弹簧一样跳跃几次。
***我已经找到了一个线索,只有当我将视差效果设置为相反的滚动方向时,才会出现此问题。如果我在相同的滚动方向上产生效果,它会变得平滑。
我见过其他一些有nicescroll和视差效果的网站。我已经检查了他们的fps大约是30-40,并且在任何浏览器中视差效果都非常流畅。但我的文件有50多个fps,但这个问题正在发生。 所以,我想我需要做一些css -webkit- hacks。就像背面可见性固定转换问题一样,滚动有什么黑客吗?
我一直在检查stackoverflow上的其他类似问题,但没有一个答案对我有帮助。所以请不要通过标记为重复来杀死这个问题。