/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 vote130 views2 answers
How to determin if element is in viewport with jquery
Javascript jQuery
1 vote132 views1 answer
How can I refresh a page with jQuery
Javascript jQuery
14 votes121 views6 answers
Jquery import js file
Javascript jQuery
0 vote119 views1 answer
Jquery show function to javascript code
Javascript jQuery
1 vote115 views1 answer
An unhandled exception occurred: Script file ../node_modules/jquery/dist/jquery.min.js does not exist.
Javascript jQuery
0 vote141 views1 answer
Jquery is element hidden
Javascript jQuery
0 vote117 views2 answers
Jquery when iframe is loaded
Javascript jQuery
0 vote119 views1 answer
How can I redirect the user from one page to another using jQuery or pure JavaScript?
Javascript jQuery
0 vote132 views1 answer
Dynamic button click event in jquery
Javascript jQuery
84 votes125 views4 answers
How get checkbox if checked in jquery
Javascript jQuery