smooth scroll on anchor tag

Angry Armadillo answered on October 6, 2021 Popularity 10/10 Helpfulness 6/10

answer smooth scroll on anchor tag

related html smooth scroll to anchor

smooth scroll on anchor tag

Comment

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

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

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: stackoverflow.com

Tags: anchor scroll whatever

Link to this answer
Share Copy Link

Contributed on Oct 06 2021

Angry Armadillo

0 Answers Avg Quality 2/10

Closely Related Answers

html smooth scroll to anchor

Comment

<!DOCTYPE html>
<html>
<head>
  <style>
    html {
      scroll-behavior: smooth;
    }
  </style>
</head>
<body>
  <div>
    <a href="#section2">Scroll to Section 2</a>
  </div>
  <div id="section1" style="height: 1000px; background-color: lightgray;">
    <h1>Section 1</h1>
  </div>
  <div id="section2" style="height: 1000px; background-color: lightblue;">
    <h1>Section 2</h1>
  </div>
</body>
</html>

Popularity 7/10 Helpfulness 3/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

smooth scroll on anchor tag

Contents

More Related Answers

smooth scroll on anchor tag

Closely Related Answers

html smooth scroll to anchor

Grepper

Documentation

Social

Legal

Contact

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