JavaScript on page scroll animation

by in on

on-page-scroll-animation-webomnizz

Here is the easiest way to animation on page scroll. We just have to check the scrolled amount during page scroll, and there is a lot of ways and the free plugin to achieve that but in this post we are using the simple javaScript. You have to attach an event on page scroll.

[buttons href=”http://webomnizz.com/demo/on-page-scroll-animation/” title=”Live Demo”]
Take a look on the below CSS and javaScript section, you just have to attach and event on page scroll like :
[js]window.addEventListener(‘scroll’, function(){ …. });[/js]

CSS Section

 

JavaScript Section