/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 votes206 views1 answer
Jquery loop through li elements
Javascript jQuery
0 vote212 views1 answer
Jquery display text in div
Javascript jQuery
3 votes224 views6 answers
Add id jquery
Javascript jQuery
7 votes212 views2 answers
Jquery remove option from select by value
Javascript jQuery
0 vote205 views1 answer
Add a string to list jquery
Javascript jQuery
57 votes235 views4 answers
Loop through json object jquery
Javascript jQuery
0 vote212 views2 answers
Jquery OR operation
Javascript jQuery
96 votes279 views6 answers
Checkbox click event jquery
Javascript jQuery
10 votes197 views4 answers
Jquery insert after
Javascript jQuery
0 vote194 views1 answer
How to find for lable in jquery
Javascript jQuery