/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

90 votes390 views6 answers
Jquery onclick function
Javascript jQuery
87 votes302 views6 answers
Onclick function jquery
Javascript jQuery
0 vote361 views1 answer
Jquery datepicker enable year selection
Javascript jQuery
0 vote311 views1 answer
How to calculate each row with on change table <td><input> jquery
Javascript jQuery
5 votes333 views4 answers
Hide bootstrap modal jquery
Javascript jQuery
0 vote320 views1 answer
Como saber si un checkbox esta seleccionado en jquery
Javascript jQuery
2 votes323 views1 answer
Select first option in dropdown jquery
Javascript jQuery
1 vote312 views1 answer
Jquery: get class list using element id
Javascript jQuery
1 vote331 views1 answer
Jquery div element find and remove
Javascript jQuery
0 vote336 views1 answer
How to add ajax loading icon in jquery
Javascript jQuery