How do I use JQuery in coordination with an anchor tag to move the screen to a location?

How do I use JQuery in coordination with an anchor tag to move the screen
to a location?

I've never worked with this before so I am not sure if I apologize if I am
using too many words to define what I am looking for.
I want to create a navigation menu in the header where upon clicking a
link the screen should slowly move down to that section of the page.
Code structure:
<div class="header">
<a href="#about" class="link">About</a>
<a href="#contact" class="link">Contact</a>
</div>
<div class="container">
Some content
</div>
<div class="section2">
About
</div>
<div class="section3">
Contact
</div>
So if a user clicked on About how do I use JQuery to slowly drag them to
that section and the same for contact?