TweenLite.defaultEase = Linear.easeNone;
var ctrl = new ScrollMagic.Controller({
addIndicators: false,
vertical: false
});
// Create scenes
$(".page").each(function(i) {
let target1 = $(this).find(".home-banner-img");
let target2 = $(this).find(".banner-brief");
var tl = new TimelineMax();
tl.from(target1, 0.5, {
opacity: 0,
x: 100
});
tl.from(target2, 1, {
scale: 1.2
}, 0);
new ScrollMagic.Scene({
triggerElement: this,
duration: "80%",
triggerHook: 0.5
})
.setTween(tl)
.addTo(ctrl)
});