Breaking News: Grepper is joining You.com. Read the official announcement!

scroll to anchor jquery smooth

Add Answer

Anastasija Radulovic answered on December 18, 2021 Popularity 5/10 Helpfulness 5/10

answer scroll to anchor jquery smooth

related Smooth Scrolling' to Anchor Links With Jquery

related scroll to anchor jquery smooth

scroll to anchor jquery smooth

Comment

//For older browser support, you can use this jQuery technique:
$(document).on('click', 'a[href^="#"]', function (event) {
    event.preventDefault();

    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top
    }, 500);
});

Popularity 5/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: anchor javascript jquery scroll

Link to this answer
Share Copy Link

Contributed on Sep 27 2022

Anastasija Radulovic

0 Answers Avg Quality 2/10

Closely Related Answers

Smooth Scrolling' to Anchor Links With Jquery

Comment

<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>

Popularity 7/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript jquery anchor jav

Link to this answer
Share Copy Link

Contributed on Dec 18 2021

Odd Ox

0 Answers Avg Quality 2/10

scroll to anchor jquery smooth

Comment

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();

        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
});

Popularity 5/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript jquery anchor scroll

Link to this answer
Share Copy Link

Contributed on Sep 27 2022

Anastasija Radulovic

0 Answers Avg Quality 2/10

scroll to anchor jquery smooth

Contents

More Related Answers

scroll to anchor jquery smooth

Closely Related Answers

Smooth Scrolling' to Anchor Links With Jquery

scroll to anchor jquery smooth

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.