Added 'Webdev/nameless_scoll.html'

2024-07-22 19:39:20 +02:00 · 2024-07-22 19:39:20 +02:00 · eea30d6b4a
commit eea30d6b4a
parent 8278ae8262
1 changed files with 29 additions and 0 deletions
--- a/Webdev/nameless_scoll.html
+++ b/Webdev/nameless_scoll.html
@ -0,0 +1,29 @@
+<html>
+    <body>
+        <div id=main-scroller>
+        </div>
+        <script>
+            const target = document.getElementById('main-scroller');
+            function addEntry(i = 0) {
+                const e = document.createElement('div');
+                e.innerText = `# Entry ${i}`;
+                e.style.height = '100px';
+                e.style.border = "2px solid blue";
+                e.style.margin = "10px";
+                target.appendChild(e);
+            }
+
+            function addPadder() {
+                const e = document.createElement('div');
+                e.style.height = (window.innerHeight - (100 + 10*2 + 2*2)) + "px";
+                target.appendChild(e)
+            }
+
+            // ---
+            for (let i = 0; i < 10; i++) {
+                addEntry(i);
+            }
+            addPadder();
+        </script>
+    </body>
+</html>