Reveal Elements On Scroll – Vanilla Scroll Appear

Preview:

Description:

A lightweight, native JavaScript library to reveal any elements when scrolling down the webpage. You can use this library to create a smart navigation that auto reveals on vertical page scrolling.

How to use it:

Load the main JavaScript library ‘scroll-appear.min.js’ in the document and the Vanilla Scroll Appear is ready for use.

<script src="scroll-appear.min.js"></script>

Create a new ScrollAppear instance and specify the target element to reveal on scroll.

new ScrollAppear(".element");

Config the ScrollAppear using HTML data attributes on the element:

• data-appear-offset: distance from the top to trigger the reveal function.
• data-appear-toggle-class: CSS class added to the element.

<div class="element"
    data-appear-offset="50"
    data-appear-toggle-class="your-class">
    ...
</div>

Changelog:

v3.0.9 (10/04/2018)

• Refactor