Jump to content
Search Community

Requirejs Animation GSAP

Arifin N test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello, how to config magicscroll with tweenmax with requirejs?

I work with Magento 2, which is Magento 2 using requirejs. 

I've tried my code in local, it worked. But in magento with requirejs always fail with error in console.


Local (see attachment)


On magento 2 my requirejs config like this:

var config = {
    paths: {
        'scrollmagic': 'scrollmagic/ScrollMagic.min',
        'bootstrapjs': 'bootstrap/js/bootstrap.min',
        'tweenmax' : 'scrollmagic/plugins/TweenMax.min',
        'timelinemax' : 'scrollmagic/plugins/TimelineMax.min',
        'animationgsap' : 'scrollmagic/plugins/animation.gsap.min',
        'tweenlite' : 'scrollmagic/plugins/TweenLite.min'
    shim: {
        'scrollmagic': {
            'deps': ['jquery']
        'bootstrapjs' : {
            'deps' : ['jquery']
        'tweenmax': {
            'exports': 'tweenmax'

On page in magento 2 i load like this:

], function($,ScrollMagic){


After that on my console always appear error like this: (see attachment).


Is there something wrong with my code? Please help. Thank You.

Screen Shot 2019-10-18 at 07.49.05.png

Screen Shot 2019-10-18 at 07.45.10.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...