JSFiddle - React, Tailwind, and code Playground

by Jiff Pom

HTML

<select class="select">
    <option value="#box">My Example</option>
    <option value="#box">My Example</option>
</select>

<div id="box">

</div>

CSS

#box {
  position: relative;
  top: 1000px;
  width: 100%;
  height: 500px;
  background: red;
  margin-bottom: 1000px;
}

JavaScript

$(".select").change(function () {
        var val = $(this).val();
        var target = $(val);
            $("html,body").animate({
                scrollTop: target.offset().top + 100
            })
        })