JSFiddle - React, Tailwind, and code Playground

HTML

<div id="facebookbanner">
    <div id="facebookbannertext">
        <div id="knapper">
            <div class="btn_apps btn">
                <a href="#apps">Apps</a>
            </div>
            <div class="btn_bestil btn">
                <a href="#bestil">Bestil</a>
            </div>
        </div>
    </div>
    <div id="facebookbannerbillede"></div>
</div>
<div id="apps" class="content">There is some cool content here!</div>
<div id="bestil" class="content">Don't forget to check this out!</div>

CSS

.btn {
    display: inline-block;
    vertical-align: top;
}

.content {
    margin: 500px 0;
    border: 1px solid #000;
}

JavaScript

$('#facebookbanner a').on('click', function (evt) {
    evt.preventDefault();
    var contentId = $(this).attr('href');
    var content = $(document).find(contentId);
    $('html, body').stop().animate({
        scrollTop: $(content).offset().top
    }, 2000);
});