css - Skrollr.js 插件背景位置 Y 不视差

Question

这是 this question 的延续.

我将 Skrollr.js 用于视差，我创建了一个简单的 fiddle 来显示我的标记和 js。 fiddle 是 here整页结果是here .

我不明白为什么我可以在 Chrome 和 Safari 上实现所有背景图像的视差，但在 Firefox 上，运气不好。任何人都可以帮助我理解为什么这些 fiddle 不起作用但是 this确实有效，它使用相同的代码。

难道是……

background-position-y: 100%;

在 Firefox 或其他软件中没有动画？如果不是那么为什么我链接的演示没有问题？...

Answer 1

的确，Firefox 和 background-position-y 有问题。您只需要修改您的代码，使其具有 x 和 y 值。像这样的东西:

background-position: 0% 100%;

其中 0% 是 x 值，100% 是 y 值。