JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<div>
    box1
</div>
<div id="prodreviews">
    box2 prodreviews
</div>
<div>
    box3
</div>

CSS

div {
  border:2px solid green;
  height:500px;
  padding:10px;
  margin:10px;
}
#prodreviews {
  border-color:red;
}

JavaScript

$(function () {

		var $elem = $('#prodreviews');

	  $('html, body').animate({
    		scrollTop: $elem.offset().top
		}, 1000);

});