JSFiddle - React, Tailwind, and code Playground

by Asif Sharif Shahid

HTML

<a name="top"></a>

<a href="#red">Red</a>
<a href="#blue">Blue</a>
<a href="#green">Green</a>
<a href="#yellow">Yellow</a>

<div id="red"><a href="#top">Top</a></div>
<div id="blue"><a href="#top">Top</a></div>
<div id="green"><a href="#top">Top</a></div>
<div id="yellow"><a href="#top">Top</a></div>

CSS

html {
    scroll-behavior: smooth
}

a {
    display: block;
    background: #fff;
    padding: 4px;
}

div {
    height: 1000px;
    width: 200px;
    padding: 4px;
}

#red {
    background: red;
}
#blue {
    background: blue;
}
#green {
    background: green;
}
#yellow {
    background: yellow;
}