/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

3 votes107 views1 answer
Jquery find parent closest by id child
Javascript jQuery
66 votes115 views6 answers
Jquery loop through array
Javascript jQuery
32 votes126 views4 answers
Remove appended element jquery
Javascript jQuery
0 vote120 views2 answers
Get parameter from url using jquery
Javascript jQuery
0 vote115 views1 answer
How to get multiple selected values using jquery
Javascript jQuery
0 vote116 views1 answer
Jquery uncheck all other checkboxes when one is checked
Javascript jQuery
0 vote102 views1 answer
Silk carousel jquery
Javascript jQuery
0 vote117 views2 answers
Jquery when you typing in input
Javascript jQuery
0 vote108 views1 answer
Add data after last child in jquery
Javascript jQuery
0 vote125 views1 answer
Jquery find selected option by class
Javascript jQuery