Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<meta charset="utf-8">
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
<title>Buttons support being scrolled</title>
<style>
button {
display: block;
width: 100px;
height: 100px;
background-color: red;
border: 0;
padding: 0;
margin: 0;
overflow: auto;
scrollbar-width: none;
}
.filler {
display: block;
background: red;
height: 400px;
}
.inner {
display: block;
width: 100px;
height: 100px;
background-color: green;
}
</style>
<p>Test passes if there is a filled green square.</p>
<button>
<span class="filler"></span>
<span class="inner"></span>
</button>
<script>
document.querySelector("button").scrollTop = 400;
</script>