Commit 6652264

HPCesia <me@hpcesia.com>
2025-02-09 14:45:10
fix: reading progress
1 parent 4dba66d
Changed files (2)
src/components/PageFooter.astro
@@ -4,9 +4,10 @@ import { footerConfig, profileConfig } from '@/config';
 const currentYear = new Date().getFullYear();
 ---
 
-<footer class="footer mt-auto shrink-0"></footer>
+<footer class="footer mt-auto shrink-0" id="page-footer"></footer>
 <footer
   class="footer border-base-300 bg-base-200 text-base-content flex flex-col justify-between border-t px-10 py-4 text-lg md:flex-row"
+  id="footer"
 >
   <aside class="items-center">
     <p>
src/components/SideToolBar.astro
@@ -117,8 +117,11 @@ import DarkModeButton from './widgets/DarkModeButton.astro';
       const scrolledPercentage = getReadingProgress();
       if (stbReadPercent) stbReadPercent.textContent = `${scrolledPercentage}`;
       const bottomPos =
-        (document.getElementById('comment') || document.getElementById('footer'))?.offsetTop ||
-        document.documentElement.scrollHeight;
+        (
+          document.getElementById('page-comment') ||
+          document.getElementById('page-footer') ||
+          document.getElementById('footer')
+        )?.offsetTop || document.documentElement.scrollHeight;
       const isNearEnd = window.scrollY + document.documentElement.clientHeight >= bottomPos;
       if (isNearEnd) {
         stbReadPercent?.classList.add('opacity-0');