/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 vote195 views1 answer
Jquery append text for 5 seconds
Javascript jQuery
0 vote191 views1 answer
Jquery external script
Javascript jQuery
4 votes182 views2 answers
Jquery ajax headers: ( 'authorization': 'bearer)
Javascript jQuery
0 vote190 views1 answer
Check upload img extension jquery
Javascript jQuery
4 votes193 views2 answers
How to get the value of dropdown in jquery
Javascript jQuery
21 votes193 views6 answers
Jquery change selected option
Javascript jQuery
0 vote161 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
4 votes226 views2 answers
Jquery works until modal is shown
Javascript jQuery
1 vote203 views1 answer
How to get append value in jquery
Javascript jQuery
0 vote192 views1 answer
Js similar jquery document ready
Javascript jQuery