Improve sidebar / header handling

Author: dragonstyle

src/resources/formats/html/quarto.js

@@ -533,7 +533,7 @@ window.document.addEventListener("DOMContentLoaded", function (_event) {
 
   let hasObserved = false;
   const visibleItemObserver = (els) => {
-    let visibleElements = [];
+    let visibleElements = [...els];
     const intersectionObserver = new IntersectionObserver(
       (entries, _observer) => {
         entries.forEach((entry) => {

src/resources/projects/website/navigation/quarto-nav.js

@@ -54,7 +54,6 @@ window.document.addEventListener("DOMContentLoaded", function () {
     const bodyOffset = topOffset + footerOffset();
     const bodyEl = window.document.body;
     bodyEl.setAttribute("data-bs-offset", topOffset);
-    bodyEl.style.paddingTop = topOffset + "px";
 
     // deal with sidebar offsets
     const sidebars = window.document.querySelectorAll(
@@ -149,6 +148,14 @@ window.document.addEventListener("DOMContentLoaded", function () {
     };
   }
 
+  window.addEventListener(
+    "hashchange",
+    function (e) {
+      window.scrollTo(0, window.pageYOffset - headerOffset());
+    },
+    false
+  );
+
   // Observe size changed for the header
   const headerEl = window.document.querySelector("header.fixed-top");
   if (headerEl && window.ResizeObserver) {