css/css-overflow/overflow-scroll-big-border-small-content.html

﻿<!DOCTYPE html>
<title>CSS Overflow: overflow: scroll with big border and a small overflowing content</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow-3#propdef-overflow">
<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>