JSFiddle - React, Tailwind, and code Playground

HTML

<div id='div1'> //content1</div>
<input id='but' type="button" value="Go to div 2" />
<div id='div2'> //content2 </div>

CSS

#div1, #div2 {
    height: 400px;
    background: #00aa00;
    margin: 20px;
    padding: 20px;
}

JavaScript

$('#but').click(function(){
    $('body').animate({
        scrollTop: $('#div2').offset().top

    })
})