How to correctly install scrollmagic on quasar-framework ?
-
Hello everybody, I want to use scroolmagic as plugin, and connected it the way I show in bottom,
now I’m trying to use it but it needs 2 more plugins , in regular html i connected them via CDN and there wasn’t any troubles, but here I don;t know how to use it, plugins are:- animation.gsap.js
- debug.addIndicators.js
I tried to import or required them but it was no effect - import was like this:
// import * as animation from ‘scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js’
or this
// import animation from ‘scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js’but in component I can’t see them
my plugin code is :
import ScrollMagic from ‘scrollmagic’
export default ({ app, router, Vue }) => {
Vue.prototype.$ScrollMagic = ScrollMagic
}here if the method wich is called inside mounted() hook:
var controller = new ScrollMagic.Controller() let tl = new gsap.TimelineMax().to('#block', 1, {x: -500}) let scrollscene1 = new ScrollMagic.Scene({ triggerElement: '#pincontainer', offset: 123, duration: 1200 }).setPin('#pincontainer') .setTween(tl) .addIndicators() // this line not working and needs to use the plugin controller.addScene(scrollscene1)