/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

0 vote280 views1 answer
Span element converink href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> ter
Javascript jQuery
0 vote277 views1 answer
Jquery use variable in string
Javascript jQuery
6 votes266 views1 answer
Jquery loop through list elements
Javascript jQuery
0 vote256 views1 answer
Collapse uncollapse jquery
Javascript jQuery
-1 vote258 views2 answers
Is there an “exists” function for jQuery
Javascript jQuery
0 vote275 views1 answer
Capturar el valor de un input con jquery
Javascript jQuery
2 votes260 views5 answers
Jquery timepicker
Javascript jQuery
59 votes256 views5 answers
Jquery id click
Javascript jQuery
0 vote280 views1 answer
Get how much i scroll in jquery
Javascript jQuery
0 vote258 views1 answer
Jquery values to array
Javascript jQuery