在水平滚动上显示 SVG 动画

Question

我对如何解决我的问题感到有些困惑。

刚开始，这是我遇到问题的网站页面链接：http://carrotcrunchpvp.comule.com/#horizontal/1

乍一看，没有任何问题 - 但是我想做的只是做 Wow.js 插件所做的事情，但水平而不是垂直。这是在您进入该选项卡或“视口”时显示内容并执行（在这种情况下）SVG 动画。如您所见，我的网站的工作方式类似于幻灯片...但是，当我尝试实现像 Wow.js 这样的插件时，它们将无法正常工作，因为它们不是您的标准垂直网站。

时间可能是一个因素，现在已经很晚了，所以我的大脑一片混乱 - 但是你们中的任何人对我如何实现这个想法有任何想法吗？

请记住，我对 JS 的了解是有限的——这就是为什么我跳入插件的原因......

克里斯

Answer 1

如果您能够理解 javascript 代码，那么您应该考虑分叉 wow.js 插件并根据您的要求更改源代码，但如果您不能，那么还有另一个我用来构建网站的插件。插件是http://alvarotrigo.com/fullPage/。您可以使用此插件并在您的网站中添加垂直和水平动画。