[ScrollMagic loop over elements] Loop through elements with a given class and add animations to them. Be sure each item in the loop has a unique ID. #scrollmagic #javascript #jquery

scrollmagic.js

$('.my-class').each(function(){
  var id = $(this).attr('id');
  scenes[scenes.length] = new ScrollMagic.Scene({triggerElement: '#'+id, duration: 0, triggerHook: 0.9, reverse: false})
    .setClassToggle('#'+id, "animate");
});