Javascript parallax.js+；js fadein/out=第一次之后没有欢乐<；李>；

我正在使用parallax.js为主页上的一系列元素设置动画。我搜索的代码允许我添加一个简单的“滑块”效果的元素以及

一切似乎都正常工作，除了在第一个li之后，视差效果只在水平方向工作。在li#1上，元素按预期的方式悬停，在各个方向跟随鼠标

这里有一个指向JSFIDLE的链接：

以下是修改后的JSFIDLE的链接：

编辑：我已经解决了这个问题。我真的不知道我在做什么，所以可能有更干净的方法。但是，我意识到视差效果只对第一个列表项应用了一次。使每个项目淡入的脚本没有得到parallax.js脚本的好处

---

因此，我将每个渐弱元素放入它自己的ul中，使用一个唯一的id和一个共享类。奇迹般的是，这确实有效。但是如果有更好的方法，请告诉我。

这是一个有趣的方法。问题在于，视差代码将第一层设置为

位置：相对

，将所有其他层设置为

位置：绝对

。这使得父

ul

仅具有第一层的尺寸。这通常很好，只是当显示第一个元素以外的任何元素时，第一个元素被隐藏。这导致

ul

的高度为0。视差取决于场景的高度，因此没有高度意味着没有垂直运动

您可以通过对您的

ul

应用固定高度来解决此问题：

#scene{
    height: 128px;    
}

---

你可以在.

中找到更多关于运动计算的细节。实际上，当我进行此更新时，CSS看起来被剥离了——我认为是parallax.js，但可能是Wordpress。因此，我必须在HTML中添加高度样式，而不是外部样式表。我不确定JSFIDLE和我的站点有什么区别。

#scene{
    height: 128px;    
}