Crossfade.js is a tiny (~3kb) jQuery plugin for crossfading images as you scroll down a page.
Best jQuery Scrolling Effects Plugins & Tutorials with Demo
Inspiration for Article Intro Effects with CSS3
Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creative transition happens when scrolling or when clicking on a button to continue. We wanted to explore the effect possibilities with fullscreen images and making something happen when continuing to the article body. There are many potentially cool effects and today we want to share just a couple of ideas with you.
ScrollStory : jQuery UI widget for building Simple Scroll-based Pages
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.
- Use existing DOM, or use an array of objects to create markup.
- 16+ jQueryUI-style events/callbacks for various application state events.
- Focus and blur event when an individual story becomes active or inactive.
- Items can be grouped into categories, with event dispatched as categories change.
- Items filterable by user-specified tags.
- Items aware of their in-viewport status.
- Programmatically animated scroll to any item.
- Throttled scroll events and minimal DOM usage.
Fancy Scroll : jQuery Overflow Scroll Effect like on iOS/Android
Add Overflow Scroll Effect like on iOS/Android but for your website.This jQuery plugin will add a bounce effect whenever you scroll up and reach the top/bottom of the website indicating the beginning/end of the page. With this script, you can customise these animations even further by using several options I had put in place for you to play around with.
