One of the most common web design trends is the long scrolling sites and one of the most popular, coolest types are the parallax scrolling sites. Its images move and gives off a parallax effect where as you scroll down the page you will see animations that would provide a fresh look and feel on any website.
For skrollr to work, it uses data that attributes to animate any of your preferred HTML element. The only disadvantage of this plugin is its animation only works as the page is being scrolled.
Stellar is another jQuery plugin that allows its users to add parallax scrolling effects. To make Stellar work, you will have to run @.stellar() function. Once done, you could now configure the animation settings for individual elements using your data attributes on the element that you are
working on. In addition to that, Stellar allows its users also to have parallax backgrounds that you could reposition on scroll. One of the most used feature is the offsets.
This feature makes all elements return to the original positioning when offset parent meets the edge of the screen plus minus your optional offset.
Alton is another jQuery option that is known as scroll-jacking to us plugin. This means, your browser’s native scroll will be disabled for your targeted scrolling when initiated by you mouse wheel or touchpad and brings you to the next point on the screen.
This plugin comes with three different functions such as the Bookend, Hero and Standard. The standard function allows its users to use full page scrolling with 100% height on each section. Each scroll will bring you to the next section or the previous section. Bookend on the other hand allows you to create a bookend experience while the Hero will only allow you to scroll jack only with the rest having native scrolling.
This plugin is easy to use. It is a jQuery type of plugin which lets you create a parallax image scroll effect which you could find on sites like Spotify. It uses elements that have background image specified rather than <img> tags. Through this plugin you will also make your elements be responsive by using CSS @media queries.
A plugin for adding simple parallax scroll effects, ScrollMe is a very impressive and useful plugin that allows you to rotate, scale, translate and even customize the opacity of your elements as you scroll down.
This plugin was developed by the same one who developed pagePiling.js. It allows its users to create effect for each section loads which are divided in two parts and which slides into place as the page loads. You could also check your homepage to see what it looks like on your browser. It also allows you to customize the keyboard scrolling option, speed, easing and many more.
Superscrollorama is another jQuery based plugin which allows users to create scroll animations. It has amazing performance and is smooth to use. The only downside of this plugin is that they are not compatible with mobile devices but if you really wish to use it with your mobile, you could access it through setScrollContainerOffset method. To do this, you will have to use the code: