Ph.Creative is a full service design and communications agency specialising in web design, SEO, internet marketing and branding.

Liverpool

London

Manchester

New York

Call us on +44(0)151 708 2280 or liverpool@ph-creative.com

Call us on +44(0)20 3301 4503 or london@ph-creative.com

Call us on +44(0)161 880 0122 or manchester@ph-creative.com

Call us on (001) 646 340 1025 or newyork@ph-creative.com

jQuery Plugin: Scroll to Top v3.1

by Craig Wilson 29 October 2009 at 15:13

After some more great feedback I've decided to release version 3 of our jQuery Scroll to Top plugin. Smile

There have been 2 main updates to this one:

1. Following user comments from v2, I've added the additional option of choosing when the scroll to top link appears. So you can choose for it to appear only after the user has scrolled down further than, say, 700 pixels.

Implementation of the new feature is easy. First of all, if you're new to the plug in, follow the original instructions to help get set up. (Plus you might want to have a look at version 2 for information on the speed and easing options.) Then, you can simply add the new option as follows:

$("#toTop").scrollToTop({
   speed: "fast",
   ease: "easeOutBounce",
   start: 700
});

Easy!

2. The plugin now includes licensing information, as the script is now released under the open souce MIT License! Good news for all, so remember to let me know if you make any cool updates to the script.

scroll-to-top-v3.zip (25.74 kb)

09/08/10 Update

I've updated the code to make it more robust and removed the possibility of conflictions with other JavaScript frameworks/plugins, and there's now also a Chrome extension thanks to Cody Sherman!

scroll-to-top-v3.1.zip (29.94 kb)

Google Chrome extension 

Currently rated 4.9 by 7 people

  • Currently 4.857143/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

Tags: , ,

jquery | web design | Web Technologies

Comments

Comments are closed
 

Search

Recent Comments

Comment RSS

© Copyright Ph.Creative 2009. All rights reserved. Terms & Conditions | Privacy Policy | Sitemap (XML) | Log in

Website design by Ph.Creative

^