JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
    <title>Test</title>
</head>
<body>
    <a href="#gotofooter">I want to goto the footer!</a>
    
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    <br><br><br>
    
    <div id="gotofooter">
        I'm a footer
    </div>
</body>
</html>

CSS

#footer {
    padding: 10px;
    position: absolute;
    top: 1000px;
}