JSFiddle - React, Tailwind, and code Playground

by Dmitriy Belyaev

HTML

<div class="wrap">
  <a href="#scrollTarget">scroll</a>
  <div class="space"></div>
  <div id="scrollTarget">works</div>
</div>

CSS

body {
  margin: 0;
}
.wrap {
  width: 100vw;
  height: 100vh;
  overflow: auto;
  scroll-behavior: smooth;
}
.space {
  height: 2000px;
}
#scrollTarget {
  /* fix jsfiddle */
  padding-bottom: 60px;
}