on-scroller.js v1.0.5

OnScroll.js

Cool Things About It:

• 🏎 Super fast
• 👍 Really Simple
• 🧱 Easy To Use

How do you use it?

Just put it in your html site:

<script src="https://unpkg.com/on-scroller.js/index.js" defer init></script>
<script defer>
onScroll()
</script>

<link href="https://unpkg.com/on-scroller.js/onscroll.css" ref="stylesheet">

<div class='scroll-element left'>left</div>
<div class='scroll-element right'>right</div>
<div class='scroll-element up'>up</div>
<div class='scroll-element left'>left</div>
<div class='scroll-element right'>right</div>
<div class='scroll-element up'>up</div>
<div class='scroll-element left'>left</div>
<div class='scroll-element right'>right</div>
<div class='scroll-element up'>up</div>
<div class='scroll-element left'>left</div>
<div class='scroll-element right'>right</div>
<div class='scroll-element up'>up</div>
<div class='scroll-element left'>left</div>
<div class='scroll-element right'>right</div>
<div class='scroll-element up'>up</div>
<div class='scroll-element left'>left</div>
<div class='scroll-element right'>right</div>
<div class='scroll-element up'>up</div>

And your done!

Other Stuff

There is an OPTINAL card class.

eg:

<div class='scroll-element up card'>up</div>

This will give you optinal card styling.