为什么Parallax滚动在移动设备上根本不滚动？

Question

我正在开发我的第一个parralax网站，但由于某种原因在我的iPhone上它根本不滚动。它不是动画的问题，我不能在任何地方滚动，我完全锁定在第一张图像上。

我遵循本教程：https://ihatetomatoes.net/simple-parallax-scrolling-tutorial/

我下载了起始文件，并创建了相同的网站，该网站在桌面上运行良好，但在移动设备上无效。为什么？

Answer 1

Jquery和Javascript在移动设备上以较慢的帧速率运行，因为它可能非常耗费内存。这样做的麻烦是动画可能很慢或者根本就不存在。 Parallax效果是不断检查浏览器窗口的滚动位置，但由于这在iPhone上的更新速度要慢得多，因此通常看起来没有响应。

如果您对编码非常有效，您仍然可以实现视差效果，但效果在桌面上永远不会那么顺畅。

如果您查看许多移动网站，您会发现他们远离在移动设备上使用太多动画效果，因为一般的想法是简化网站以便快速下载。

我知道这对你没有多大帮助，但我希望它能对这个问题有所了解。