Best jQuery Scroll to Top Plugins

In this post we are providing what we think the BEST jQuery Scroll to Top and jQuery animate plugins. It makes much more sense to give our viewers an easy way to quick/automatically scroll back to the top of the page if our webpage is too long! Have fun!

Related Posts:


jQuery – smooth scroll effect (smooth scrolling)

You can generate this effect as clicking an anchor using JavaScript. See jQuery scroll top bottom effect demo…


smooth scroll effect

Source
Demo

jQuery Scroll to Internal Link

Learn to create a very simple one page scrolling site using jQuery.


Scroll to Internal Link

Source
Demo

jQuery Scroll to any element to top

‘Back to top’ buttons, ‘Jump to menu’ buttons, ‘Jump to widget’ links… there are now all sorts of situations where you would want to smoothly scroll the user to a certain element on the page.


Scroll to any element to top

Source
Demo

Add Simple jQuery Scroll to Top Button to Blogger

A tutorial about adding the simple scroll to top button to your blog.


jQuery Scroll to Top Button

Source
Demo

Animated jQuery “Back to top” plugin

jQuery plug-in that automatically inserts a sliding “Back to top” button. It slides in view when the page is scrolled down, and slides back out of view when the page is back at the top again.


Back to top

Source
Demo

jQuery Contained Sticky Scroll Demo

You can see the effects of this change in the sidebar, which should stick to the top of the page as you scroll down, but which won’t actually scroll out of the main content area. This is achieved using a custom coded jQuery plugin that I created for this exact purpose.


Contained Sticky Scroll Demo

Source
Demo

Disappearing “Scroll to top” link with jQuery and CSS

This tutorial will help you build a jQuery scroll to top link that appears when the user scrolls down, and disappears when users reach the top of the page using a combination of CSS and jQuery.


Scroll to top

Source
Demo

jQuery Scroll to Top Control v1.1

It displays a stationary control at the lower right corner of the window that when clicked on gently scrolls the page back up to the top with jQuery.


Scroll to Top Control

Source + Demo

jQuery topLink Plugin

The topLink jQuery plugin developed by David Walsh, allows you to fade in a “to the top” link when the users scrolls down on the page.


jQuery topLink Plugin

Source
Demo

RocketBar – A jQuery And CSS3 Persistent Navigation Menu

RocketBar is a simple solution for this which shows you how you can easily provide your users a persistent form of site navigation without them needing to scroll back up.


RocketBar

Source
Demo