JSFiddle - React, Tailwind, and code Playground

HTML

<p><b>ScrollTop and scrollIntoView() bug on some mobile browsers demo</b><br><br></p>
<div id="scrollTest" style="height: 100px; width: 250px; overflow: auto;">
1 - Long Div Scrolling text <br />
2 - Long Div Scrolling text <br />
3 - Long Div Scrolling text <br />
4 - Long Div Scrolling text <br />
5 - Long Div Scrolling text <br />
6 - Long Div Scrolling text <br />
7 - Long Div Scrolling text <br />
8 - Long Div Scrolling text <br />
9 - Long Div Scrolling text <br />
10 - Long Div Scrolling text <br />
11 - Long Div Scrolling text <br />
<p id="line12">12 - Long Div Scrolling text </p>
13 - Long Div Scrolling text <br />
14 - Long Div Scrolling text <br />
15 - Long Div Scrolling text <br />
16 - Long Div Scrolling text <br />
17 - Long Div Scrolling text <br />
18 - Long Div Scrolling text <br />
<p id="line19">19 - Long Div Scrolling text </p>
20 - Long Div Scrolling text <br />
</div>
<p><br />
<button type="button" onclick="test1()">jQuery scrollTop(200)</button>
<button type="button" onclick="test2()">scrollTop = 250</button>
<button type="button" onclick="test3()">scrollIntoView()</button>
<button type="button" onclick="test4()">DIV position</button>
</p>

JavaScript

function test1() {
    $('#scrollTest').scrollTop(200);
}

function test2() {
    document.getElementById('scrollTest').scrollTop = 250;
}

function test3() {
    document.getElementById('line12').scrollIntoView();
}

function test4() {
    alert('DIV scroll position: ' + document.getElementById('scrollTest').scrollTop);
}