Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<title>CSS Overflow: overflow: scroll with big border and a small overflowing content</title>
<link rel="match" href="overflow-scroll-big-border-small-content-ref.html">
<div id="scroller" style="overflow: scroll; width: 100px; height: 100px;
border: 100px solid white; background: red">
<div style="height: 50px; background: green"></div>
<div style="height: 50px; background: green"></div>
<div style="height: 50px; background: green"></div>
<div style="height: 50px; background: green"></div>
</div>
<script>
onload = () => {
scroller.scrollTo(0, 100);
};
</script>