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.
Horwheel is a component to scroll horizontally with mouse wheel. It's cross-browser compatible.
smoothState.js is a jQuery plugin that progressively enhances website page loads to behave more like a single-page application.
jQuery.positionSticky is a sticky positioning polyfill for jQuery. Support for display and float properties example and sidebar example included.
Retain your scroll position between pages using an iframe. Especially helpful for infinite scrolling views.
scrollFrame will hijack the user's click for elements that match the query selector you pass in and instead of reloading the page it will append a modal-like iframe that sits on top of your viewport and points to the element's href. It then uses HTML5 history APIs to make the back-button function as expected.
Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.
jQuery One Page Nav is a lightweight jQuery plugin for the navigation on one-page sites.
Adds smooth scrolling when clicking on the navigation and automatically selects the correct navigation items as you are scrolling through the different sections.
Animated scrollTo is a a simple function for animating scroll.