/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

5 votes168 views1 answer
Jquery set att
Javascript jQuery
0 vote161 views2 answers
Jquery add css important
Javascript jQuery
0 vote216 views1 answer
Jquery check if input is empty on keyup
Javascript jQuery
4 votes148 views1 answer
Comprobar si tiene una clase jquery
Javascript jQuery
20 votes157 views6 answers
Jquery format date
Javascript jQuery
98 votes178 views6 answers
Jquery if checkbox checked
Javascript jQuery
13 votes194 views6 answers
If radio checked jquery
Javascript jQuery
10 votes165 views3 answers
Jquery nearest
Javascript jQuery
5 votes197 views2 answers
Jquery get version
Javascript jQuery
0 vote155 views1 answer
Iframe content zoom in and zoom out jquery
Javascript jQuery