scrollUp jQuery plugin
ScrollUp is a lightweight jQuery plugin to create a customisable "Scroll to top" feature that will work with any website, with ease.
Recently whilst working on a client project I was required to implement a “Scroll to top” feature to make it easy for the user to get back to the top of the page. I decided to take this further and turn it into a fully customisable jQuery plugin to work with any site.
Update 08/04/2013: ScrollUp updated to v1.1. Read more here.
How to use
Simply include the jquery.scrollUp.min.js
file and place the following in the head of your document (make sure jQuery is included):
Minimum setup
Example with default options
activeOverlay
To create a visible line to help determin an ideal scroll distance from the top, assign a valid CSS colour to the activeOverlay
setting. This could be HEX, HSLA or RGB(A). Example: activeOverlay: '#00FFFF'
. See the demo for an example.
Fully Customisable
ScrollUp is fully customisable through CSS which makes it simple to fit right into your project. Simply target the scrollUp’s generated ID in your CSS file and set your styles. Below is a basic style example:
Check out the demo for more style and feature examples.