Why do my animations reveal only once?

[abdussami-tayyab]

http://jsfiddle.net/bfbda8t7/

This is the fiddle, as you can see both contents (mainContent and secondContent) are being revealed only once, even if I scroll miles downwards and come back up, they aren't revealed again.

As this awesome plugin depicts, an element is revealed every time it is in the viewport, mine just reveals once.

[jlmakes]

http://jsfiddle.net/bfbda8t7/1/

The reset keyword does what you’re looking for, but it is set to false by default.

Single Element Reset

<div data-sr="enter right after 3s, and move 30px with reset"> Foo </div>

The above code will apply a reset only to that element.

Reset by Default

var config = { reset: true }
window.sr  = new scrollReveal( config )

The above code will apply reset to all elements.

Exclude Elements from Reset

Conversely, if you want to exclude an element from a reset: true default config, use the no reset keyword pair:

var config = { reset: true }
window.sr  = new scrollReveal( config )

<div data-sr="enter right after 3s, and move 30px with no reset"> Foo </div>

The above code will apply reset to all elements, except the one shown with no reset.

[abdussami-tayyab]

Thank you very much! That makes the plugin even more powerful and wonderful! :D