将 ScrollMagic 安装到 Sails.js 生成的 Web 应用程序中

Installing ScrollMagic into a Sails.js generated web app

本文关键字：Web 应用程序 js ScrollMagic 安装 Sails      更新时间：2023-09-26

我正在使用 Node.js 和 sailsjs

我想在我的作品中使用ScrollMagic（http://janpaepke.github.io/ScrollMagic/），以利用滚动条（视差等）。

我无法从两者的文档中了解如何启用这些功能。

我在我的应用程序文件夹中尝试了"npm install scrollmagic"，我还尝试手动将.js文件复制到我的资产/js 和我的资产/js/依赖项中。

两者似乎都没有使它起作用。

这是我在 github 上的存储库 https://github.com/yhattav/Vitae

感谢您的时间和帮助！约纳坦。

这是我

在文档中找到的：

为了实现动画，ScrollMagic可以使用多个框架。推荐的解决方案是Greensock动画平台（GSAP），因为它具有稳定性和功能丰富性。对于更轻量级的方法，还支持VelocityJS框架。或者，可以实现自定义扩展，或者可以通过简单地使用 CSS 和类切换进行动画处理来完全避免框架的必要性。

所以你需要去这里：http://greensock.com/gsap 并下载TweenMax库，并将其作为 js 依赖项添加到项目的资源中。

另外，您的主文件中有一个小错别字.js： ScrollMagic.scene应该带有大写的 s，就像这样ScrollMagic.Scene

相关文章：