Smooth scrolling not working jQuery

Question

Using the code from https://css-tricks.com/snippets/jquery/smooth-scrolling/ and for the likes of me can't figure out why it's not working.

Script:

$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
    || location.hostname == this.hostname) {

    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
       if (target.length) {
         $('html,body').animate({
             scrollTop: target.offset().top
        }, 1000);
        return false;
    }
}
});

Website: www.soelite.net/layout/

Any ideas what it could be? The site jumps to the div container but doesn't animate.

show us your HTML in your question as well, it's a better and quicker way to let us help you — alexwc_, Sep 09 '15 at 16:56
Works fine for me. Where exactly is it not working? Pleas provide a workflow to reproduce your problem. — jahller, Sep 09 '15 at 17:02

score 0 · Answer 1 · edited May 23 '17 at 11:58

See this answer: https://stackoverflow.com/a/2234749/606104

I was having this problem in safari and chrome (Mac) and discovered that .scrollTop would work on $("body") but not $("html, body")

To make it work in Safari change your script to:

$('a[href*=#]:not([href=#])').click(function() {
  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
    || location.hostname == this.hostname) {

    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

    if (target.length) {
      var bodyElement = $("html,body");
      if ($.browser.safari) { 
        bodyElement = $("body")
      }

      bodyElement.animate({
        scrollTop: target.offset().top
      }, 1000);

      return false;
    }
  }
});

Attempted this, it stopped working completely in all browsers. — Indo, Sep 09 '15 at 17:36

Smooth scrolling not working jQuery

1 Answers1