jQuery Panelize is a concept project to play with different methods of vertical scrolling with sectioned content. It has good effect for single page / one page scroll websites.
A tutorial about hiding header on scroll down and showing it on scroll up. You don't need to scroll top of page for menus on header with this navigation.
ScrollFix is a jQuery plugin for making an element fixed when it goes out of view.
ScrollWatch is a jQuery plugin for determining active sections on the page based on viewport scrolling.
pagePiling.js is a jQuery plugin to create a beautiful scrolling curtain type websites. It's flexible and compatible with old browsers and touch devices. You can create an original scrolling site with this plugin.
Scrollator is a jQuery-based replacement for the browsers scroll bar, which doesn't use any space. Has very good performance
FSVS is a simple Full Screen Vertical Slider using CSS3 transitions followed up by a jQuery fallback.
Bound events support mousewheel, click and drag, arrow keys and touch gestures.
Anchor Scroll is a simple, smooth and lightweight plugin for animating anchor links.
Scroll Detection is a simple way to detect the distance the user has scrolled on your website.
In example, it is used to drop down a navigation bar so the user does not have to scroll all the way back up the page in order to navigate to the next area. It could also be used for sliding in a social sharing bar, displaying more content.
Endless.js is a simple jQuery plugin that allows an infinite scroll on any scrollable HTML element.
The idea is to join the top with the bottom or the left with the right. So when you are at the end or the beginning, you can scroll again and you will are done a complete tour.
ScrollAdvance is a jQuery plugin that adds some useful functions as scrollBottom()
, scrollRight()
or scrollCenter()
for the scroll position.
Block Scroll is a jQuery plugin that turns a set of <div>
elements into a blocks and displays them one screen at a time. The idea is to break up your page into chunks for better presentation and user-flow. Block Scroll automatically turns your page responsive.
Simplax is a simple way to create a parallax background effect with few line javascript in your site.
A tutorial about how to add an animations to your One Page Scroll plugin projects.
Here are some animations that used on this tutorial
A tutorial about creating flat shadow effect with CSS3 transform effects and jQuery.
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.