在水平滚动上显示 SVG 动画

Revealing SVG animation on HORIZONTAL scroll

本文关键字：SVG 动画显示水平滚动更新时间：2023-09-26

我对如何解决我的问题有点困惑。

首先，这是我遇到的网站页面链接：http://carrotcrunchpvp.comule.com/#horizontal/1

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

时间可能是一个因素，现在是深夜，所以我的大脑是多云的 - 但你们中有人对我如何实现这个想法有任何想法吗？

请记住，我对 JS 的了解有限 - 因此我为什么跳到插件......

克里斯

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