<!DOCTYPE html> | |
<style> | |
::-webkit-scrollbar { display: none; } | |
</style> | |
<div id="target" contenteditable | |
style="position: relative; top: 100px; width: 200px; height: 200px; overflow: scroll; will-change: transform; | |
font-size: 100px; border: 1px solid black; outline-style: none"> | |
<br> | |
<br> | |
<br> | |
<br> | |
</div> | |
<script src="../../resources/run-after-layout-and-paint.js"></script> | |
<script> | |
target.focus(); | |
target.scrollTop = 50; | |
runAfterLayoutAndPaint(function() { | |
target.style.color = 'green'; | |
}, true); | |
</script> |