我在当前项目上使用 stellar.js ,以生成视差滚动网页。
虽然我使用默认函数有一些元素(在上下滚动时修改元素的垂直位置),但我想修改此元素以调整水平位置。
可以在此处看到一个例子(即潜艇):http://titanic.q-music.be/
我知道有"偏移"数据属性,但是我不确定如何将其链接到滚动事件。有任何建议吗?
预先感谢您的任何帮助!!!
看来,您链接到的网站实际上是在使用parralax.js(http://jonraasch.com/blog/scrolling-parallax-jquery-plugin)和scrollorama(http:http:http:http://johnpolacek.github.io/scrollorama/)。
通过使用Chrome的开发人员工具并转到脚本选项卡,您可以确定正在使用哪些JavaScript库。
您可以查看Scrollorama链接,以获取有关如何使用垂直滚动来更改水平位置的更多信息。