/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 vote126 views1 answer
Row append and calculation in jquery datatable
Javascript jQuery
152 votes288 views6 answers
Jquery document ready
Javascript jQuery
0 vote133 views1 answer
Jquery datepicker change date format
Javascript jQuery
10 votes126 views3 answers
Jquery validation plugin
Javascript jQuery
11 votes77 views2 answers
How to set value in input field using jquery
Javascript jQuery
0 vote129 views1 answer
Terminate execution in jquery
Javascript jQuery
0 vote130 views2 answers
Jquery change tabs
Javascript jQuery
10 votes133 views2 answers
Jquery clear file input
Javascript jQuery
12 votes136 views2 answers
Jquery clear form values
Javascript jQuery
-1 vote130 views1 answer
Onload of modal jquery function
Javascript jQuery