how to make a link scroll down the page code example

Example 1: link to section on page html

<!-- #top is the ID of the div where u wanna link to -->
<a href="#top">Go back to the top!</a>

<div id="top"></div>

Example 2: links and when you click on these link it will scroll the page to the respective section.

$("nav").find("a").click(function(e) {
    e.preventDefault();
    var section = $(this).attr("href");
    $("html, body").animate({
        scrollTop: $(section).offset().top
    });
});

Example 3: link that scrolls down the page

<a href="#google"></a>

<div id="google"></div>