Следующий код, позволяющий затухать содержимому при прокрутке мимо элемента триггера, прекрасно работает в большинстве протестированных браузеров, но не в Internet Explorer.
Я не такой уж опытный, но любой совет будет горячо оценен!
var controller = new ScrollMagic.Controller();
var fadein_tween = TweenMax
.fromTo('#animate', 1, { opacity:1 }, { opacity:0 , ease:Power1.easeInOut });
var scene = new ScrollMagic.Scene({
triggerElement: "#trigger",
trigerHook:"onLeave",
duration: "30%"
})
.setTween(fadein_tween)
.addTo(controller);