How it works

• Delighters.js toggles classes when you scroll down. You do the rest!
• Each delighter gets a .started class when its top raises above 75% of the browser’s viewport height
• When the bottom of the delighter is at 75%, an extra class .ended is added
• You can change any of these like so: data-delighter="start:0.5;end:0.95;
• Remember: 0 = top, 1 = bottom
• Values outside the viewport are allowed, such as start:1.2;end:-0.3