Comments on: Improved Animated Scrolling Script for Same-Page Links

By: Nikola

Nikola — Tue, 18 Oct 2011 14:26:49 +0000

Thank you for this answer. I’ve been looking for an alternative for horizontal scroll and your script works wonderfully.

Once again thank you very much.

By: Maud Ward

Maud Ward — Sat, 30 Jul 2011 01:50:57 +0000

I have added this code into my webpage that I am working on, but I am having issues, and am not sure how to fix them.

I have a navigation to one side of the page in its own div container, and another div container with the anchor tags for scrolling. When I click something, the entire page slides smoothly just a little bit, but the div container that’s supposed to be scrolling with the content still isn’t smooth scrolling. I’m wondering if it’s because they are in two different divs? Is there any way to fix this? If it would help I can upload the page to my server or something.

By: Karl Swedberg

Karl Swedberg — Tue, 19 Jul 2011 14:37:13 +0000

Have you taken a look at the smooth scroll plugin that I wrote? All my development efforts for this feature are going towards the plugin. If the plugin exhibits the same problem, please file a ticket. Thanks!

By: Ming

Ming — Tue, 19 Jul 2011 14:26:04 +0000

I was wondering if you’ve had a chance to review the very first comment at the top of the page?

For some reason on the v4 or the last update you have of the code above, the changes to move the top 20 pixels down from the top doesn’t work?

var targetOffset = $target.offset().top – 20;

What it does is move the page to the target -20pixels but then resits itself back to 0 again. So by the time it’s at rest it’s not -20 pixels but at the original position…?

Any ideas as to how to fix that?

Hmm.
Thanks.

By: Matt Rittman

Matt Rittman — Fri, 08 Jul 2011 14:33:10 +0000

I thought that was the problem too until I went back to the previous easing plugin to find out that didn’t fix the issue. I must have done something somewhere… Haha don’t worry about it man, I’ll get it fixed eventually ;)

Thanks though, I really appreciate your assistance!

Matt

By: Karl Swedberg

Karl Swedberg — Fri, 08 Jul 2011 14:22:38 +0000

The lava lamp plugin might be failing because you replaced the easing plugin that it was apparently using. Feel free to contact me (my first name at this site’s domain) if you’d like some additional help with that. Not sure I’ll have a whole lot of time, but if I do I’d be happy to take a look.

By: Matt Rittman

Matt Rittman — Fri, 08 Jul 2011 14:15:47 +0000

Ahhh perfect. Thanks man, I apologize for my inexperience with this stuff. Now I need to figure out how my lavalamp menu got broken!

By: Karl Swedberg

Karl Swedberg — Fri, 08 Jul 2011 14:11:47 +0000

It just means that instead of writing smoothScroll() , you should write smoothScroll({offset: -20}). Does that make sense?

By: Matt Rittman

Matt Rittman — Fri, 08 Jul 2011 14:08:00 +0000

Hmmm… not really sure what that means. Wish I knew more about jQuery ;)

By: Karl Swedberg

Karl Swedberg — Fri, 08 Jul 2011 13:57:59 +0000

Hey Matt,
Glad I could help! To change the offset, pass in an options map with an offset property set to the desired offset: $('.backtotop').smoothScroll({offset: -20}); .

The Readme file at https://github.com/kswedberg/jquery-smooth-scroll has a few more examples and a full list of options.