10 jQuery ‘Back to Top’ link Solutions for Websites

Written by on July 18, 2011 in jQuery, Resources - 1 Comment
jquery-scroll-to-top-solutions

‘Scroll to Top’ aka ‘Back to Top’ links are common on many websites and blogs. The idea is that if you have a long website page you might want to give users an easy way to scroll to the top of the page or article. Here is a list of ten useful solutions for jQuery ‘Back to Top’ links, most are extremely easy to use, and some even come as WordPress plugins.

‘Back to top’ link using jQuery

This jQuery option adds a ‘Back to Top’ link on the bottom right of the page, which fades into view.

jquery back to top plugin

David Walsh’s jQuery topLink Plugin

Created by David Walsh, this ‘Back to Top’ plugin is one of the cleanest options available.

jquery back to top link

Animated jQuery “Back to top” plugin

The styling of this option isn’t great, but the animation is pretty cool.

jquery back to top

Disappearing “Scroll to top” link with jQuery and CSS

For a more ‘In Your Face’ look, this option adds the link right in the middle of the page.

back to top fading link

UItoTop jQuery Plugin

If you don’t want text, try this super clean arrow option.

back to top plugin

jQuery Scroll to Top Control v1.1

Another ‘Scoll to Top’ option, this one from Dynamic Drive

Scrolling to the Top and Bottom with jQuery

This is another useful option, in this version you have both down and up arrows.

jquery scroll

Scroll to Top WordPress Plugin

If you want a quick WordPress solution, try out this ‘Scroll to Top’ WordPress plugin.

scroll to top wordpress

Go to Top WordPress Plugin

Here is another WordPress plugin option.

wordpress scroll

WP To Top

Yet another WordPress ‘Back to Top’ plugin solution.
wp to top plugin

About the Author

Mike Ilsley "ilz" is a Boston based website designer, front-end developer, WordPress addict, owner of Beantown Design, and exclusive ThemeForest author. Check him out on Twitter, Facebook, Google+ and don't forget to subscribe to the WebDesign&Such email RSS feed. Also, check out his latest project, jQueryMobileShowcase.com.