Scrollmagic: Uncaught TypeError: Cannot read property 'Utilities' of undefined

[visualcookie]

Hi,

I get the above error, when hitting the trigger.

main.js, where all calls are in:

/**
 * SkrollMagic Scene
 */
var controller = new ScrollMagic.Controller();

// Create Scene
var scene = new ScrollMagic.Scene({
   triggerElement: '.container-About'
}).setVelocity(".about-Device", {scale: 1.2}, {duration: 1000}).addIndicators().addTo(controller);

Velocity and the ScrollMagic Plugin to run Velocity are getting called.

[janpaepke]

Your code seems correct: http://jsfiddle.net/s9av2y0y/

Please make sure the element ".about-Device" is present, when you hit the trigger.

[visualcookie]

It was present, that's why I find it a bit weird. I minimize the JavaScripts automatically with Grunt (maybe that can cause the problem).

But for now I did the animations with CSS. Just added a class, if the trigger is on the element.

[janpaepke]

Maybe. But that would make it a velocity issue.
Please confirm velocity runs as expected without ScrollMagic.
If it doesn't, please consult with their support forums.
If not, feel free to post your findings here.

Until then I'll consider this issue resolved from a ScrollMagic standpoint.

[rylanb]

For anyone coming afterwards to this ticket, I found that the fiddle link had both the plugin animation.velocity.js and the velocity.js plugin included, which was not how ScrollMagic downloaded. I was thinking animation.velocity.js was enough (from SM plugins from downloaded zip). I had to go to http://julian.com/research/velocity/ and add the velocity js file as well.

[thoughtpalette]

Just for the record, these are the update velocity links:
http://velocityjs.org/
https://github.com/julianshapiro/velocity