mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-11-09 01:31:02 +00:00
33 lines
878 B
HTML
33 lines
878 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<link rel="match" href="reference/svg-inside-scroll-container-ref.html" />
|
||
|
|
<style>
|
||
|
|
#scrollable {
|
||
|
|
height: 300px;
|
||
|
|
overflow: scroll;
|
||
|
|
}
|
||
|
|
svg {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div id="scrollable">
|
||
|
|
<svg width="100" height="100">
|
||
|
|
<rect width="100" height="100" fill="green" />
|
||
|
|
</svg>
|
||
|
|
<svg width="100" height="100">
|
||
|
|
<rect width="100" height="100" fill="green" />
|
||
|
|
</svg>
|
||
|
|
<svg width="100" height="100">
|
||
|
|
<rect width="100" height="100" fill="green" />
|
||
|
|
</svg>
|
||
|
|
<svg width="100" height="100">
|
||
|
|
<rect width="100" height="100" fill="green" />
|
||
|
|
</svg>
|
||
|
|
<svg width="100" height="100">
|
||
|
|
<rect width="100" height="100" fill="green" />
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
const scrollContainer = document.getElementById("scrollable");
|
||
|
|
scrollContainer.scrollTop = 100;
|
||
|
|
</script>
|