- 🏎 Super fast
- 👍 Really Simple
- 🧱 Easy To Use
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!
There is an OPTINAL card class.
eg:
<div class='scroll-element up card'>up</div>This will give you optinal card styling.