/*<div class="first"><button type="button">Click Me!</button></div>
<div class="second">Hi</div>
<style>.first {
    width: 100%;
    height: 1000px;
    background: #ccc;
}

.second {
    width: 100%;
    height: 1000px;
    background: #999;
}</style>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script>

$("button").click(function() {
    $('#s4-workspace').animate({//you need to change this selector to an element with a scroll bar at the top
        scrollTop: $(".ms-srch-resultFooter").offset().top},//this selector is the element which you want to scroll to
        'slow');
});
</script>*/