ScollMagic Issue Fiddle 2.0

Basic forkable fiddle to showcase ScrollMagic issues.

by germandost

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.0/ScrollMagic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.0/plugins/debug.addIndicators.js"></script>
<div class="spacer halfheight"></div>
<div class="spacer"></div>
<div class="spacer" id="trigger"></div>
<div class="spacer halfheight"></div>

CSS

html, body {
    height: 100%;
    margin: 0;
}
div.spacer {
    height: 50px;
}
div.spacer.halfheight {
    height: 50%;
}

JavaScript

console.clear();
console.log("ScrollMagic v%s loaded", ScrollMagic.version);

// init
var ctrl = new ScrollMagic.Controller();

// create scene
var scene = new ScrollMagic.Scene({
        triggerElement: "#trigger"
    })
    .on('start', function () {
        console.log("passed trigger");
    })
    .addIndicators()
    .addTo(ctrl);

// Open console to see output!