/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

13 votes332 views4 answers
How to get checked and unchecked checkbox value in jquery
Javascript jQuery
1 vote289 views3 answers
Jquery change title of page
Javascript jQuery
8 votes326 views5 answers
Get select2 selected value jquery
Javascript jQuery
0 vote313 views1 answer
How to submit form on changed url in function in jquery
Javascript jQuery
4 votes338 views1 answer
Jquery select on select
Javascript jQuery
34 votes323 views3 answers
Check element exist in jquery
Javascript jQuery
3 votes335 views4 answers
Jquery check if input is empty
Javascript jQuery
-2 votes316 views1 answer
How to show bootstrap 5 modal using jquery
Javascript jQuery
1 vote321 views1 answer
How to use jquery in chrome dev tools
Javascript jQuery
1 vote296 views1 answer
Jquery datepicker no weekends
Javascript jQuery