scroll animation | jQuery Plugins

Scrollport.js – jQuery Plugin for Scrolling Animation

May 21, 2015 2616 Scroll

Scrollport.js is a new jQuery plugin for scrolling animation. Plugin can not only animate the scroll, but also to assign references by clicking on which to begin the animation.

Responsive 3D Fold Animation on Scroll

January 21, 2015 3473 Scroll Responsive Animation

Responsive 3D Fold Animation on scroll, very easy to use.

One Page Scroll with Animations

August 07, 2014 10489 Scroll Animation

A tutorial about how to add an animations to your One Page Scroll plugin projects.

Here are some animations that used on this tutorial

Fade in animation
Reveal animation
Animation without a delay
Overlapping elements

Animated scrollTo – Simple Function for Animated Scrolling

July 03, 2014 6658 Scroll

Animated scrollTo is a a simple function for animating scroll.

No dependency on extra libraries.
If user scrolls while animation is running, scroll animation would be immediately canceled.

scrollToBySpeed – jQuery Plugin to Scroll by Speed

April 09, 2014 2999 Scroll

scrollToBySpeed is a jQuery plugin for scrolling page to an element with speed instead of duration.

Pagescroll Menu – Animated Scroll Menu with jQuery

March 28, 2014 16546 Menu Scroll

Pagescroll Menu is ajQuery plugin to create animated scroll menu.

Features

vertical or horizontal display
absolute, fixed or inline styles
configurable background color, font sizes, colors also configurable via CSS
smooth animation during pagescroll
fade in / fade out effect when user scrolling

Fixed Nav – Responsive & Fixed One Page Nav

March 19, 2014 14549 Menu Scroll Responsive

Fixed Nav is a responsive, fixed and touch friendly one page navigation with animated scrolling.

ScrollMagic – jQuery Plugin for Magical Scroll Interactions

March 07, 2014 9253 Scroll

ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar.
You can...

start an animation at a specific scroll position.
synchronize an animation to the scrollbar movement.
pin an element at a specific scroll position (sticky elements).
pin an element for a limited amount of scroll progress (sticky elements).
easily add a parallax effect to your website.
create an inifinitely scrolling page (ajax load of additional content).
call functions when the user hits certain scroll positions or react in any other way to the current scroll position.

ScrollStory – jQuery UI Widget for Building Scroll Based Pages

February 09, 2014 4326 Scroll

ScrollStory is a jQuery UI widget for building simple, scroll-based pages and interactions.

Key features include:

100% style agnostic. Just a collection of often-used scroll-based patterns.
16+ jQueryUI-style events/callbacks for various application state events.
Focus and blur event when an individual story becomes active or inactive.
Programmatically animated scroll to any item.

scrollReveal.js – Declarative On-Scroll Reveal Animations

January 23, 2014 18333 Scroll Animation

scrollReveal.js is a javascript plugin for declarative on-scroll reveal animations. It's simple way to create and maintain how elements fade in, triggered when they enter the viewport.

jQuery LocalScroll – jQuery Plugin to Animate Anchor Navigation

December 02, 2013 5306 Scroll

jQuery LocalScroll plugin will animate a regular anchor navigation. It will allow your visitors to navigate your site with a smooth scrolling effect.

visualNav – jQuery Navigation Menu with Smooth Scroll

November 08, 2013 6904 Menu Scroll

visualNav is a jQuery plugin that modifies a navigation menu to highlight / change when the menu's target smooth scrolls into view.

One Page Scroll – Create Single Page Scroller Like iPhone 5S Website

September 19, 2013 13655 CSS3 & CSS Scroll

One Page Scroll is a plugin to create one page scroller website like iPhone 5S website. You can customise the animation timing, the selector or even the animation easing using CSS3.

Scrolld.js – Dynamic Page Scrolling

September 18, 2013 6936 Scroll

Scrolld.js is a unique open source jQuery plugin that provides a method for highly precise scrolling for pixel-perfect layouts and navigation using real-time updated data values.

Scrolld.js is specifically designed to support responsive designs and turns navigating long pages into a simple task. Scrolld.js is simple and works with just an element id tag.