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

时间:2012-10-31 11:14:44

标签: jquery jquery-plugins scroll parallax

我在当前项目中使用 stellar.js 来制作视差滚动网页。

虽然我有一些使用默认功能的元素(在向上和向下滚动时修改元素的垂直位置),我想修改它以调整水平位置。

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

我知道有'offset'数据属性,但我不知道如何将其链接到scroll事件。任何建议???

提前感谢您的帮助!!!!

1 个答案:

答案 0 :(得分:0)

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

通过使用chrome的开发人员工具并转到脚本选项卡,您可以确定正在使用哪些JavaScript库。

您可以查看scrolllorama链接,了解有关如何通过垂直滚动更改水平位置的更多信息。