JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p>
apple
</p>
<p>
pear
</p>
<p>
orange
</p>
</div>

CSS

div {
  height: 200px;
  border: 1px solid black;
  overflow: scroll;
}
p {
  display: block;
  height: 350px;
}

JavaScript

function goToWord(term) {
  $('body').html($('body').html().replace(term, '<span class="found">'+term+'</span>'));
	$('div').scrollTop($('.found').offset().top - 25);
}

goToWord('pear');