使用Stellar.js垂直滚动修改水平位置

Question

我在当前的一个项目中使用stellar.js来生成一个视差滚动网页。

虽然我有一些元素使用默认函数(在向上和向下滚动时修改元素的垂直位置)，但我希望修改它以调整水平位置。

这方面的一个例子可以在这里看到(即潜艇)：http://titanic.q-music.be/

我知道有‘偏移’数据-属性，但我不知道如何让这个链接到滚动事件。有什么建议吗？

谢谢您的帮助！

Answer 1

您所链接的站点似乎实际上同时使用了parralax.js (http://jonraasch.com/blog/scrolling-parallax-jquery-plugin)和scrollorama (http://johnpolacek.github.io/scrollorama/)。

通过使用chrome的开发工具并转到script选项卡，您可以确定使用的是哪些javascript库。

您可以查看scrollorama链接，了解如何使用它通过垂直滚动更改水平位置的更多信息。