alexlebens/site-profile
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

feat: add scroll reset on navigation

Browse Source
This commit is contained in:
Alex Lebens
2026-03-06 23:00:30 -06:00
parent d3b2b40ccb
commit 07c7edeb0f
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/layouts/BaseLayout.astro
View File

@@ -79,7 +79,7 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
<Header /> <Header />
<!-- Main body --> <!-- Main body -->
<div class="mask-container w-screen h-screen overflow-y-auto overflow-x-hidden"> <div id="reset-scroll" class="mask-container w-screen h-screen overflow-y-auto overflow-x-hidden">
<main> <main>
<!-- Content --> <!-- Content -->
@@ -96,6 +96,17 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
</body> </body>
</html> </html>
<script>
const resetScroll = () => {
const scrollContainer = document.getElementById('reset-scroll');
if (scrollContainer) {
scrollContainer.scrollTop = 0;
}
};
resetScroll();
document.addEventListener('astro:after-swap', resetScroll);
</script>
<style> <style>
/* Fade away content below header when scrolling */ /* Fade away content below header when scrolling */
.mask-container { .mask-container {