3. Style the delighter (or its children) using built-in classes .started and .ended

Customizing

By default, delighters.js intializes automatically when the DOM is ready, and with the following configuration:

options = { attribute: 'data-delighter', classNames: ['delighter', 'started', 'ended'], start: 0.75, // default start threshold end: 0.75, // default end threshold autoInit: true // initialize when DOMContentLoaded }

You can customize any or all of the above properties using:

Delighters.config({ // set the default start threshold at the bottom start: 1, // let's call Delighters.init() manually later autoInit: false // ... etc ... })