jquery - 为什么视差滚动在移动设备上根本不滚动？

Question

我正在开发我的第一个视差网站，但出于某种原因，它在我的 iPhone 上根本无法滚动。这不是动画与否的问题，我只是无法滚动到任何地方，我完全锁定在第一张图片上。

我正在学习本教程:https://ihatetomatoes.net/simple-parallax-scrolling-tutorial/

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

Answer 1

Jquery 和 Javascript 在移动设备上的运行帧率要慢得多，因为它们可能占用大量内存。这样做的问题是动画可能很慢或者根本不存在。视差效果会不断检查浏览器窗口的滚动位置，但由于此更新在 iPhone 上慢得多，因此通常看起来没有响应。

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

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

我知道这对您帮助不大，但我希望它能让您对问题有所了解。