Comments on: How To: Jquery Scroll to Anchor and Scroll To Top (simple)

By: Jason

Jason — Tue, 03 May 2011 23:22:08 +0000

Thanks man…

I’ll give that a go but I was hoping to try and append it to the “anchore.js” plugin if possible though.

I tried adding a -20 value to “.offset().top-20″ but it only animates than bounces back 20 pixels – it doesn’t maintain the space.

Either way I’ll try what ever works at this point.

By: admin

admin — Tue, 03 May 2011 21:33:05 +0000

I believe something as simple as a margin or padding on the anchor should do the trick and add the breathing space you are looking for! And if that doesn’t work probably just adding a height 50px to the anchor will finalize the trick!

Thanks,
Angel

By: Jason

Jason — Tue, 03 May 2011 21:00:02 +0000

Hey thank you – got it working..

Have a small question though…

How would you set an off set margin so its not so tightly aligned with the top of the browser window? I would like to try and give a little breathing room.

By: Giampiero

Giampiero — Wed, 01 Dec 2010 14:30:34 +0000

thank a lot for this!!!

By: Patrick

Patrick — Thu, 02 Sep 2010 15:59:08 +0000

If you use this on a menu then just make a wrapper around it and change the javascript to:

$(document).ready(function() {
$(“#wrapperid a”).anchorAnimate()
});

So you don’t have to give the links a seperate class

By: admin

admin — Wed, 11 Aug 2010 17:09:18 +0000

Axel you missed the point, this isn’t just a normal jump to anchor… this is a smooth scroll to anchor which you can’t do without javascript

By: Axel Grude

Axel Grude — Wed, 11 Aug 2010 13:37:37 +0000

You could have done that without the jquery… All you are using is standard anchor with hrefs – no need to include any javascript at all.

By: agrublev

agrublev — Wed, 09 Sep 2009 22:10:51 +0000

I’m sorry but I would love to see you develop a huge website without using multiple classes with simplified structure names. I don’t know if you have ever seen the 960 framework which is the MOST popular in the world, but you will find those names are common and are semantic. Not sure what your experience is, but developing corporate websites requires classes that help the structure and lowers the style sheet.

By: agrublev

agrublev — Wed, 09 Sep 2009 21:45:48 +0000

Hey Adrian, i would love to hear why you think this article is tripe. If you disagree with anything please state it here and i will come back with a response. Thanks!

By: Adrian

Adrian — Tue, 01 Sep 2009 07:14:36 +0000

Ignore this article, it’s pure and absolute tripe.

Read this instead:
http://www.w3.org/QA/Tips/goodclassnames