Using jQuery Plugins To Scroll To Top

Posted in Scripts | On 24th February 2010 | 6 Comments

“Scroll to top” is something that is becoming commonplace on modern websites, it allows users to quickly reach the top of the page without using a scroll bar or mousewheel, offering this tool is great for site usability.

You can obviously do it with pure CSS by using anchors, but its not very fancy and jumps from div to div.

The solution is using a plugin like the ones listed below that will allow users to smoothly navigate back up, the set below are all built on jQuery, the authors sites have demos and information on how to implement it within your design.

jQuery Scroll to Top Control v1.1

Create a Hovering Scroll to Top Button With JQuery

Disappearing “Scroll to top” link with jQuery and CSS

Scroll to Top v3

jQuery topLink Plugin

UItoTop jQuery Plugin

McBonio

McBonio is a full time web designer, blogger and general web lurker. He runs Tropica Web Design, which is a web agency based in Liverpool, UK. You can also catch McBonio at Twitter: @mcbonio

Visit McBonio's website

Related Posts

Like this post? Share it!

6 Comments

  • Karl Foxley
    March 18, 2010

    I like to hard code things like this into my theme but, I have to admit, that I took the easy option and I’m currently using the UItoTop jQuery Plugin.

Trackbacks