gestione ancore

Author: aborruso

include/script.html

@@ -69,44 +69,3 @@
     });
 });
 </script>
-
-<script>
-    function scrollWithOffset() {
-        // Controlla se c'è un hash nella URL
-        const hash = window.location.hash;
-
-        if (hash) {
-            // Verifica che l'hash corrisponda ai pattern #req- o #racc- seguito da numeri
-            const regex = /^#(req|racc)-\d+$/;
-            if (regex.test(hash)) {
-                const targetElement = document.querySelector(hash);
-
-                if (targetElement) {
-                    // Ottieni la posizione verticale dell'elemento rispetto al documento
-                    const elementPosition = targetElement.getBoundingClientRect().top + window.pageYOffset;
-
-                    // Sottrai 50 pixel dall'attuale posizione di scroll
-                    const offsetPosition = elementPosition - 20;
-
-                    // Scrolla alla nuova posizione con un piccolo ritardo per permettere il rendering completo
-                    setTimeout(() => {
-                        window.scrollTo({
-                            top: offsetPosition,
-                            behavior: "smooth"
-                        });
-                    }, 10); // Ritardo di 10 millisecondi
-                }
-            }
-        }
-    }
-
-    // Esegui la funzione al caricamento della pagina con un breve ritardo
-    document.addEventListener("DOMContentLoaded", function() {
-        setTimeout(scrollWithOffset, 10);
-    });
-
-    // Esegui la funzione quando cambia l'ancora nella URL
-    window.addEventListener("hashchange", function() {
-        scrollWithOffset();
-    });
-</script>

styles.scss

@@ -47,27 +47,9 @@ section#footnotes a.uri {
   color: #003399;
 }
 
-// div[id*="req-"] {
-//   margin-top: 100px !important;
-// }
-
-// per avere l'ancora dei requisiti poco sotto l'inizio della finestra
-a[id*="req-"] {
-  padding-top: 50px !important;
-  margin-top: -50px !important;
-}
-
-// per avere l'ancora dei requisiti poco sotto l'inizio della finestra
-a[id*="res-"] {
-  padding-top: 50px !important;
-  margin-top: -50px !important;
-}
-
-
-// per avere l'ancora delle raccomandazioni poco sotto l'inizio della finestra
-a[id*="racc-"] {
-  padding-top: 50px !important;
-  margin-top: -50px !important;
+/* Applica l'offset direttamente agli ancoraggi specifici */
+[id^="req-"], [id^="racc-"], [id^="res-"] {
+  scroll-margin-top: 60px !important; /* Offset verticale */
 }
 
 // per nascondere l'header del call-out requisito