var controller = new ScrollMagic.Controller({
    globalSceneOptions: { triggerHook: 'onLeave' }
});

var sections = document.querySelectorAll('.section');

for (var i = 0; i < sections.length; i++) {

    var timelineMax = new TimelineMax();

    timelineMax.set(sections[i], { border: '50px solid white' }).to(sections[i], 1, { border: '0px solid white' });

    new ScrollMagic.Scene({
        duration: '100%',
        triggerElement: sections[i]
    })
        .setPin(sections[i])
        .setTween(timelineMax)
        .addIndicators({ name: i })
        .addTo(controller);

}