Sorry you’re having problems with the plugin and jQuery 1.4. I’m not able to reproduce them, though. Can you give me some more information? Is it breaking in all browsers you’ve tested or one in particular? Do you have a test page that I can look at? Thanks.

Great plugin. Very lightweight and worked great with jQuery 1.3.2. I’ve since upgraded to 1.4 and the functionality seems to be broken. Do you have an update available for your smoothScroll plugin? I’d rather not switch to Ariel’s localScroll and scrollTo since it’s more functionality than I need.

Thanks much!

For example, on this page, I would want a links with the following hrefs to have the animated scroll:

a. http://www.learningjquery.com/2007/10/improved-animated-scrolling-script-for-same-page-links#comments
b. /2007/10/improved-animated-scrolling-script-for-same-page-links#comments

They wouldn’t work with your selector.

I’m using jquery-1.4.2.min.js is this the reason to why it’s not working with the smooth scroll animation?

Sorry i am complete noob when it comes to javascript

Will this script work or can it be adapted for lateral motion on a page. In otherwords it would scroll from side to side. Any thoughts?

$(document).ready(function() {
  function filterPath(string) {
    return string
      .replace(/^\//,'')
      .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
      .replace(/\/$/,'');
  }
  $('a[href*=#]').each(function() {
    if ( filterPath(location.pathname) == filterPath(this.pathname)
    && location.hostname == this.hostname
    && this.hash.replace(/#/,'') ) {
      var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
      var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
       if ($target) {
         var targetOffset = $target.offset().top;
         $(this).click(function() {
           $('html, body').animate({scrollTop: targetOffset}, 500);
           return false;
         });
      }
    }
  });
});

If I use any of the updates, even those that are supposed to fix problems in Opera, it stops working on all browsers. I opened the demo in your (Karl’s) last comment and that works fine in Opera. I’m not sure what is wrong in my code. Here is my page:

http://www.mattmakesmedia.com/blue/work.php

Any help would be much appreciated. Thanks!

It seems to be working for me at this page. I just copied the code from this post and pasted it into that page.

I tested in Mac FF 3.5.7 and Safari 4.x, as well as Windows IE6, 7, and 8.

Is there a particular browser in which it isn’t working for you?