JSFiddle - React, Tailwind, and code Playground

by enyojs

HTML

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body>
    Good: No -webkit-overflow-scrolling:touch;
    <div id="scroller1" style="overflow:auto; width:200px; height:200px; border: 1px solid orange; padding:5px;">
   Foo<br>Bar<br>Foo<br>Bar<br>Foo<br>Bar<br>Foo<br>Bar<br>Foo<br>Bar<br>Foo<br>Bar
        <div id="result1" style="border:1px solid lightblue;">Change me</div>
    </div>
    <button onclick="change('result1');">Change</button>
    <button onclick="read('result1')">Read</button>    
</body>

JavaScript

function change(id) {
    var v = document.getElementById(id).innerHTML;
    document.getElementById(id).innerHTML = (v == "Winning!") ? "Changed!" : "Winning!";
}
    
function read(id) {
    alert(document.getElementById(id).innerHTML);
}