Parallax.js is simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.
Sticky-Kit is a jQuery plugin for making smart sticky elements Sticky-Kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.
Scrollbox is a simple, lightweight jQuery plugin to scroll a list like carousel or traditional marquee.
jScroll is a jQuery plugin for infinite scrolling. Infinite scrolling; also known as lazy loading, endless scrolling, autopager, endless pages, etc.;
This is the ability to load content via AJAX within the current page or content area as you scroll down. The new content can be loaded automatically each time you scroll to the end of the existing content, or it can be triggered to load by clicking a navigation link at the end of the existing content.
Starscroll is a jQuery plugin that adds a fullscreen starfield, generated in canvas, controlled by css to any div. The parallax responds when user scrolls (no matter how big your content), or when is set to animate.
jQuery.panelSnap is a jQuery plugin that provides snapping functionality to a set of panels within your interface.
AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll()
function with the Id or Classname of the element where you want to scroll to.
AnimateScroll has many options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.
An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.
There is an example effect defined and also some media queries for dealing with smaller screens.
jQuery.scrollpanel is a simple vertical scrollpanel that replaces the native vertical browser scrollbar with a CSS-stylable custom scrollbar.
ScrollIt.js is jQuery plugin that makes it easy to create paginated, feature vertically scrolling pages. ScrollIt.js makes it easy to make scrolling pages like this one or add scrolling functionality to existing pages.
Nice tutorial about some inspiration for headers that animate when scrolling the page. This tutorial show you what kind of effects could be used to spice up your website’s starting element and give it some life.
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
An animated header that will change its size on scroll. Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.
Smint is a simple jQuery plugin that helps with the navigation on one page style websites.
It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.
Scroll To plugin allowing you to write your anchor tags just as you normally would with the href
attribute pointed at the ID
you would like to move to. This means that if JavaScript is turned off, your site will continue to function normally. You can offset the location of where you scroll to, control the speed and override the element ID
you are scrolling to all through the plugin.
vTicker is a jQuery plug-in that adds scrolling vertical tickers to your site. It is very easy to use, just one line of javascript code is all you need to start a vTicker. vTicker items can be paused when the mouse hovers over an item.