A jQuery plugin that assists scrolling and snaps to sections. Touch compatible.
Best jQuery Scrolling Effects Plugins & Tutorials with Demo
jQuery AnimateScroll Navigation Plugin
A Simple jQuery Plugin extending animateScroll plugin with Single Page Scroll Capabilities.
Features:
- Smooth, continous scroll across sections
- Ability to navigate to each and every section, also programatically
- Possible menu integration, but I didin’t want menu to be included as part of a package
- Each section can have different height
- If section height is less then screen height – it can be adjusted
- If section is higher then screen – we’re cool
- It would support History API
Advanced Parallax Scrolling Effect with CSS3 & JavaScript
In this tutorial, we take a look at a more advanced parallax scrolling effect with a background image moving at a different speed to the content above it.We’ll look into achieving a more true-to-life representation of parallax scrolling. As defined previously, parallax is an effect where the position of an object seems to be different when viewed from different positions. In this tutorial, our background will move at a slower speed than our foreground.
Scrolling Shadow Effect with CSS3 & jQuery
I stumbled across the VoicesHavePower website which uses a nice grid layout to separate its contents. It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window. I’ve recreated this effect with CSS3 transform effects and some jQuery.
