JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <a>Line 1</a>
    <a>Line 2</a>
    
</div>
<div class="footer"></div>

CSS

.wrapper {position:relative}
.footer {width:100%; height:35px; background:red; position:fixed; left:0; bottom:0}

a {display:block; margin:15px}

JavaScript

$('a').click(function(){
    var offsetTop = $(this).offset().top;
    var footerOffsetTop = $('.footer').offset().top;
    $('.footer')
        .animate({top:offsetTop},500);
});