/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 vote229 views1 answer
Jquery copier dans le presse papier
Javascript jQuery
1 vote213 views2 answers
Jquery has child
Javascript jQuery
25 votes256 views3 answers
Jquery growl cdn
Javascript jQuery
18 votes231 views4 answers
Change image src using jquery
Javascript jQuery
9 votes311 views3 answers
Jquery get base url
Javascript jQuery
1 vote222 views1 answer
Jquery is check
Javascript jQuery
8 votes257 views5 answers
Change select value jquery
Javascript jQuery
28 votes294 views3 answers
Create an element jquery
Javascript jQuery
37 votes283 views6 answers
How to get checkbox value in jquery
Javascript jQuery
0 vote260 views1 answer
Nl2br in jquery
Javascript jQuery