繁体 English 中英

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

[英]Installing ScrollMagic into a Sails.js generated web app

原文 2016-03-16 13:48:45 7 1 javascript/ node.js/ sails.js/ scrollmagic

我正在使用Node.js和sailsjs

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

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

我在应用程序的文件夹中尝试了“ npm install scrollmagic”，并且还尝试将.js文件手动复制到我的资产/ js和我的资产/ js / dependancies中。

两者似乎都没有使其工作。

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

感谢您的时间和帮助！ Yonatan。

1 个解决方案

这是我在文档中找到的：

要实现动画，ScrollMagic可以使用多个框架。 由于其稳定性和功能丰富性，推荐的解决方案是Greensock动画平台（GSAP）。 对于更轻量级的方法，还支持VelocityJS框架。 另外，可以通过仅使用CSS和类切换动画来实现自定义扩展或完全避免框架的必要性。

因此，您需要转到这里： http : //greensock.com/gsap并下载TweenMax库，并将其作为js依赖项添加到项目资产中。

另外，您在main.js文件中有一个小的错字： ScrollMagic.scene应该使用大写ScrollMagic.Scene s，例如ScrollMagic.Scene