On Scroll Animations on Multiple Divs

Create on scroll animation effects on your website using waypoints and animate.css. Waypoints allows developers to execute a function when an element is scrolled to, in this case, we will execute an animation. Animate.css is a library of CSS animations … Continued

Hide Elements or Page Contents until Page Loads

Hide all elements on a web page until page finishes loading using jquery. You can also display an indicator or loading gif as displayed below.

 

Run jquery functions on window events load resize and scroll

You can bind listeners to one common function.

  Or…

 

Change Background Image Position on Scroll with Jquery

Create a changing scrolling parallax effect with background image scrolling with this jquery code snippet.