/Javascript/jQuery/Smooth Scrolling' to Anchor Links With Jquery

Smooth Scrolling' to Anchor Links With Jquery

<script>
  jQuery($ => {
    // The speed of the scroll in milliseconds
    const speed = 1000;

    $('a[href*="#"]')
      .filter((i, a) => a.getAttribute('href').startsWith('#') || a.href.startsWith(`${location.href}#`))
      .unbind('click.smoothScroll')
      .bind('click.smoothScroll', event => {
        const targetId = event.currentTarget.getAttribute('href').split('#')[1];
        const targetElement = document.getElementById(targetId);

        if (targetElement) {
          event.preventDefault();
          $('html, body').animate({ scrollTop: $(targetElement).offset().top }, speed);
        }
      });
  });
</script>

Source: stackoverflow.com

Similar codes

6 votes219 views4 answers
Getting href value in jquery
Javascript jQuery
0 vote247 views1 answer
Jquery check is select
Javascript jQuery
13 votes242 views4 answers
Append div to another div jquery
Javascript jQuery
6 votes229 views2 answers
Jquery send to another page
Javascript jQuery
4 votes276 views2 answers
Jquery remove special characters from string
Javascript jQuery
25 votes232 views6 answers
Jquery get dropdown selected value
Javascript jQuery
37 votes248 views6 answers
How to get checkbox value in jquery
Javascript jQuery
0 vote231 views1 answer
Jquery external script
Javascript jQuery
21 votes236 views5 answers
Jquery run after page load
Javascript jQuery
4 votes241 views3 answers
Div outside click event jquery
Javascript jQuery