Updates from daniil - now scriptless.

mstensho · Jul 17, 2024 · 9430078 · 9430078
1 parent 2858a26
commit 9430078
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/toc-demo-Jul2024.html b/toc-demo-Jul2024.html
@@ -27,6 +27,10 @@
     bottom: 40px;
   }
 
+  .sc section {
+    scroll-snap-align: center;
+  }
+
   section::before {
     display: block;
     font-size: 1.7em;
@@ -36,7 +40,7 @@
   }
 
   section::scroll-marker {
-    cursor: grab;
+    cursor: pointer;
     font-family: sans-serif;
     display: block;
     content: attr(title);
@@ -46,7 +50,7 @@
     padding: 2px;
     background: #ccc;
   }
-  section:hover::scroll-marker {
+  section::scroll-marker:focus {
     font-weight: bold;
   }
 </style>
@@ -174,11 +178,3 @@
     </section>
   </div>
 </div>
-<script>
-  document.querySelectorAll("section").forEach(elm => {
-    elm.addEventListener("click", (e) => {
-      let rect = e.currentTarget.getBoundingClientRect();
-      sc.scrollTo(rect.left + sc.scrollLeft, rect.top + sc.scrollTop);
-    });
-  });
-</script>