docs: save sidebar scrollbar position

azat-io · Dec 1, 2024 · 277977b · 277977b
1 parent 54dfdd9
commit 277977b
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/docs/components/Sidebar/Sidebar.astro b/docs/components/Sidebar/Sidebar.astro
@@ -54,6 +54,26 @@ let { isMobileOnly = false } = Astro.props
   initMenu()
 </script>
 
+<script is:inline>
+  const SIDEBAR_SCROLL_POSITION = 'SIDEBAR_SCROLL_POSITION'
+
+  let initSidebarScroll = () => {
+    let savedScrollPosition = sessionStorage.getItem(SIDEBAR_SCROLL_POSITION)
+    if (savedScrollPosition) {
+      let menu = document.getElementById('menu')
+      menu.scrollTop = Number(savedScrollPosition)
+    }
+    let menu = document.getElementById('menu')
+    menu.addEventListener('scrollend', event => {
+      let scrollPosition = event.target.scrollTop
+      sessionStorage.setItem(SIDEBAR_SCROLL_POSITION, scrollPosition)
+    })
+  }
+
+  document.addEventListener('astro:after-swap', initSidebarScroll)
+  initSidebarScroll()
+</script>
+
 <style>
   .sidebar {
     position: fixed;