如何在 WordPress 中使用 SVG 创建交互式时间线(示例站点:https://evianexperience.com/en)

How to create an interactive timeline (example site: https://evianexperience.com/en) using SVG - in WordPress

我正在使用 DIVI 主题在 WordPress 中创建网站。

我需要帮助来为项目创建交互式时间表。示例站点是:https://evianexperience.com/en。这正是我想要实现的。

请查看我的网页布局 (https://snag.gy/IKF13r.jpg) 以了解我实际需要它的目的。

我尝试过使用交互式讲故事 (https://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/),但也没有用。

你可以试试 scroll magic,似乎有很多功能可以满足你的需要。

http://scrollmagic.io/

另外我认为 skrollr 仍然可以使用,但它已经很旧了

https://github.com/Prinzhorn/skrollr

如果您确实需要他们拥有的东西,看起来他们正在使用某种名为 greensock 的产品,甚至可能是这个模块:https://greensock.com/drawSVG and also ScrollMagic to control the animation by scrolling. A tutorial I found online with different animation https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/

我不认为你可以单独使用 Divi,你绝对可以尝试一些免费的滚动插件。否则,您可以查看 greenstock 的 free/business 许可证是否适用于您的项目。