A detailed way to "kick" from the header when scrolling with the mouse?

Question

JavaScript

Please tell me a detailed simple method for implementing this feature:
Cap-picture in full screen. It is necessary that with one scrolling with the mouse, the screen passes strictly under the picture header.
Many thanks in advance and +100500 to karma :)

Answer 1

$("a.scrolllink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 800
        });
        return false;
    });

<div id="first-background">
<a href="#second" class="scrollink">scroll to second</a>
</div>

<div id="#second">
</div>

Answer 2

fullPage.js