Search code examples
htmlcssanimationhyperlinksections

How do I animate switching to different sections in html?

I recently started using sections for my website but I hate how it just immidiately just takes you to the section you've set it to go. I've seen on some websites that when you press a button to take you to another section, it slides down going down really smooth. I've been searching on google but didn't find what I need. Even checked the code on inspect element but yet didn't find anything related to what I need.

<p><a href="#haid">🡣</p>
<p id="haid" class="about text-black text-size-big">How am I doing?</p>
Solution

  • The effect you are looking for is related to scroll behavior in css

    CSS

    html {
  scroll-behavior:smooth;
}

    Source : https://developer.mozilla.org/fr/docs/Web/CSS/scroll-behavior