/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 vote249 views2 answers
Onchange select dropdown jquery
Javascript jQuery
10 votes287 views3 answers
How to import jquery in js file
Javascript jQuery
1 vote291 views1 answer
Post antiforgerytoken jquery
Javascript jQuery
-1 vote239 views1 answer
Jquery.min.js:689 Uncaught RangeError: Maximum call stack size exceeded
Javascript jQuery
0 vote236 views1 answer
Jquery check valid link
Javascript jQuery
2 votes266 views1 answer
Push tr in tbody using jquery
Javascript jQuery
2 votes250 views1 answer
Jquery visibility hidden show
Javascript jQuery
1 vote255 views2 answers
Jquery get today date
Javascript jQuery
40 votes231 views6 answers
If element has class jquery
Javascript jQuery
2 votes287 views3 answers
Jquery don't empty specific form field after submit
Javascript jQuery