JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div style="background-color:yellow">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:red">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:blue">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:green">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:black">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:magenta">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:gray">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>

        <div style="background-color:yellow">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:red">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:blue">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:green">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:black">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:magenta">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:gray">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>

        <div style="background-color:yellow">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:red">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:blue">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:green">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:black">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:magenta">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
        <div style="background-color:gray">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>

        <div...

JavaScript

$(document).ready(function() {                   
    $('html, body').stop().animate({
        scrollLeft: 0, 
        scrollTop:$('#footer').offset().top
    }, 3000);             
});