How to dynamically scroll focus a particular highlighted div

Issue

How to dynamically scroll to focus a particular highlighted div? am trying to scroll to focus a specific div has class highlighted.How can i solve this?

<div class="row">
<p>123</p>
</div>
<div class="row">
<p>123</p>
</div>
<div class="row">
<p>123</p>
</div>
<div class="row">
<p>123</p>
</div>
<div class="row highlighted">
<p>123</p>
</div>
<div class="row">
<p>123</p>
</div>

Solution

In simple js:

document.getElementsByClassName("row highlighted")[0].scrollIntoView();

or in jquery:

$( ".row highlighted")[0].scrollIntoView();

Answered By - m.nachury