JSFiddle - React, Tailwind, and code Playground

by niks_on

HTML

<section class="first">
  <div>
  DOWN
  </div>
</section>
<section class="second" id="second">
</section>

CSS

.first, .second {
  width: 100%;
  height: 1500px;
  position: relative;
}
.first {
  background: orange;
}
.second {
  background: blue;
}
div {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  cursor: pointer;
}

JavaScript

$('div').click(() => {
  $(window).scrollTop($('.first').height());
})