Set anchor links to smoothly scroll down your page

Set up an anchor link within your page to have your page scroll to an anchor point instead of jumping there. 


  1. Add your anchor.
  2. Deselect all objects by pressing the "ESC" key on your keyboard.
  3. Type "js" without the quotation marks on your keyboard. 
  4. If these two lines of code aren't there, copy and paste them.

  5. Copy this code below and paste it into line 3.
  6. $('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;
    }
    }
    });
  7. This should now look like this.

  8. Already have code on your page? Add this to the very end of your existing code.
  9. Click "Save & Close" at the top right of this pop up.
  10. Click "Save" and "View Live" to see your smooth scrolling anchor.

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!