diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 522cab74..df31a4c8 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1403,8 +1403,8 @@ select {
   top: 5rem;
 }
 
-.top-\[100vh\] {
-  top: 100vh;
+.top-\[110vh\] {
+  top: 110vh;
 }
 
 .top-\[11px\] {
diff --git a/assets/js/appearance.js b/assets/js/appearance.js
index 0acf9f18..2d7385ec 100644
--- a/assets/js/appearance.js
+++ b/assets/js/appearance.js
@@ -64,4 +64,12 @@ var updateMeta = () => {
   elem = document.querySelector('body');
   style = getComputedStyle(elem);
   document.querySelector('meta[name="theme-color"]').setAttribute('content', style.backgroundColor);
-}
\ No newline at end of file
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+  const scroller = document.getElementById("top-scroller");
+  const footer = document.getElementById("site-footer");
+  if(scroller.getBoundingClientRect().top > footer.getBoundingClientRect().top) {
+    scroller.hidden = true;
+  }
+});
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 964f4b79..dadd2c08 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="py-10 print:hidden">
+<footer id="site-footer" class="py-10 print:hidden">
   {{/* Footer menu */}}
   {{ if .Site.Params.footer.showMenu | default true }}
     {{ if .Site.Menus.footer }}
diff --git a/layouts/partials/scroll-to-top.html b/layouts/partials/scroll-to-top.html
index 1052f3ea..717ce5e7 100644
--- a/layouts/partials/scroll-to-top.html
+++ b/layouts/partials/scroll-to-top.html
@@ -1,4 +1,4 @@
-<div class="pointer-events-none absolute top-[100vh] bottom-0 w-12 ltr:right-0 rtl:left-0">
+<div id="top-scroller" class="pointer-events-none absolute top-[110vh] bottom-0 w-12 ltr:right-0 rtl:left-0">
   <a href="#the-top"
     class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 mb-16 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
     aria-label="{{ i18n "nav.scroll_to_top_title" }}" title="{{ i18n "nav.scroll_to_top_title" }}">