No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to correctly install scrollmagic on quasar-framework ?

    Help
    1
    1
    252
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      planatator last edited by planatator

      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)
      1 Reply Last reply Reply Quote 0
      • First post
        Last post