fix: update to also obey site settings

assets/js/appearance.js

@@ -39,17 +39,24 @@ if (document.documentElement.getAttribute("data-auto-appearance") === "true") {
 }
 
 function add_to_top_elem() {
-  var body = document.body,
+  var body = document.body;
-    html = document.documentElement;
+  var html = document.documentElement;
 
-  const height = Math.max(
+  const height =
-    body.scrollHeight,
+    Math.max(
-    body.offsetHeight,
+      body.scrollHeight,
-    html.clientHeight,
+      body.offsetHeight,
-    html.scrollHeight,
+      html.clientHeight,
-    html.offsetHeight
+      html.scrollHeight,
-  ) - 150;
+      html.offsetHeight
-  document.getElementById("to-top").hidden = height < window.innerHeight;
+    ) - 150;
+
+  const elem = document.getElementById("to-top");
+  if (elem === null || elem === undefined) {
+    return;
+  }
+
+  elem.hidden = height < window.innerHeight;
 }
 
 window.addEventListener("DOMContentLoaded", (event) => {

layouts/_default/baseof.html

@@ -29,10 +29,12 @@
     <div class="relative flex grow flex-col">
       <main id="main-content" class="grow">
         {{ block "main" . }}{{ end }}
+      </main>
+      {{ if .Site.Params.footer.showScrollToTop | default true }}
         <div
           class="pointer-events-none absolute bottom-0 end-0 top-[100vh] w-12"
           id="to-top"
-          hidden
+          hidden="{{ .Site.Params.footer.showScrollToTop | default true -}}"
         >
           <a
             href="#the-top"
@@ -43,7 +45,7 @@
             &uarr;
           </a>
         </div>
-      </main>
+      {{ end }}
       {{- partial "footer.html" . -}}
       {{ if .Site.Params.enableSearch | default false }}
         {{- partial "search.html" . -}}