delighter.js---CSS3 animation effects when scrolling

Delighter.js is a tiny javascript library. Add CSS animations to delight users as they scroll down. by Q42. It was written by Martin Kool.

The plugin GitHub     The demo GitHub  

Demo online
In this demo,I combined deligters.js and bigpicture.js.
More information about bigpicture.js check here

Step1:
insert javascript library in body

Step2:

DOM contains a few sections.
First section below:

To apply delighters.js /  we need add data-delighter attribute in tag

Second section below which applied bigpicture.js :

bigpicture.js needs "data-bp" attribute.
and js below

Third section:

This is a list section.

4th section:

5th section :
a footer

Step3:
css style check it out in the github

Abou delighter.js
default setting:

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

}

custom：

Delighters.config({   

    // set the default start threshold at the bottom

    start: 1,

    // let's call Delighters.init() manually later

    autoInit: false

    // ... etc ...

  })

Demo check it at GitHub