javascript - 具有视差背景的多平台网站

Question

我有一个具有轻微动画（视差）背景的网站的请求。完全支持 IE8。如果可能的话，平板电脑支持（如 iPad 和安卓平板电脑）。

选择其中两个，这很容易做到，但试图涵盖所有三个有点令人生畏......有人知道哪些语言/技术可以涵盖所有这三个请求吗？

Answer 1

我正在做一个类似的项目。iOS 不支持正常的视差方法，因为浏览器通常会在滚动事件期间冻结脚本和过渡。

但是，如果您使用iScroll来处理滚动，您可以覆盖它并在 iPhone 和 iPad 上获得相当平滑的视差效果。

IE 不支持 CSS 过渡，所以你需要一个纯 JavaScript 驱动的视差插件。我使用 Ian Lunn 的jQuery Parallax虽然我怀疑它不是非常有效。（我有很多移动元素，虽然它在 Chrome 中看起来不错，但看起来我的电脑在 IE 中坐在油漆混合器上。）

Answer 2

视差，有 2 种口味，水平和垂直。对于水平视差，您只需要 CSS 和 2 或 3 个以 % 为单位的背景图像。另一方面，垂直视差，您需要 JavaScript。

然后我会重新考虑平板电脑上的水平视差效果，因为如果你调整浏览器窗口的大小，你只会看到水平视差，这在平板电脑上似乎不太可能。

但我想你会做一个垂直：如果你用 JavaScript 做一个垂直视差，你可以覆盖所有设备。