|
@@ -0,0 +1,32 @@
|
|
|
+<!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>
|