簡體 English 中英

將ScrollMagic安裝到Sails.js生成的Web應用程序中

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

原文 2016-03-16 13:48:45 2 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