我在当前项目中使用stellar.js来生成视差滚动网页。
虽然我有一些使用默认功能的元素(在上下滚动时修改元素的垂直位置),但我希望修改它以调整水平位置。
可以在这里看到一个例子(即潜艇): http ://titanic.q-music.be/
我知道有“偏移”数据属性,但我不确定如何让它链接到滚动事件。有什么建议么???
提前感谢您的帮助!!!!
我在当前项目中使用stellar.js来生成视差滚动网页。
虽然我有一些使用默认功能的元素(在上下滚动时修改元素的垂直位置),但我希望修改它以调整水平位置。
可以在这里看到一个例子(即潜艇): http ://titanic.q-music.be/
我知道有“偏移”数据属性,但我不确定如何让它链接到滚动事件。有什么建议么???
提前感谢您的帮助!!!!
您链接到的站点似乎实际上同时使用了 parralax.js ( http://jonraasch.com/blog/scrolling-parallax-jquery-plugin ) 和 scrollorama ( http://johnpolacek.github.io/scrollorama/ ) .
通过使用 chrome 的开发人员工具并转到脚本选项卡,您可以确定正在使用哪些 javascript 库。
您可以查看 scrollorama 链接以获取有关如何使用它通过垂直滚动更改水平位置的更多信息。