/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

6 votes291 views2 answers
React in jquery
Javascript jQuery
1 vote274 views1 answer
Jquery post json example
Javascript jQuery
1 vote274 views1 answer
Jquery remove br from div
Javascript jQuery
13 votes297 views6 answers
Scroll to top jquery
Javascript jQuery
20 votes277 views2 answers
Jquery select checked radio button value
Javascript jQuery
0 vote289 views2 answers
Jquery var_dump array
Javascript jQuery
21 votes297 views1 answer
Jquery loop through elements starting with
Javascript jQuery
2 votes264 views1 answer
Element is hidden jquery
Javascript jQuery
3 votes256 views6 answers
Jquery date format
Javascript jQuery
2 votes302 views1 answer
Select id get option value jquery
Javascript jQuery