Kyren223/github-website
1
0
Fork 0
mirror of https://github.com/Kyren223/website.git synced 2026-07-10 06:29:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow scrolling outside the "box" in blog posts (for martins)

Browse Source
This commit is contained in:
Kyren223
2025-10-04 13:11:50 +03:00
parent 52764a9b61
commit c283410934
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/blogs/[...slug].astro
View File

@@ -24,7 +24,7 @@ const nextBlog = sortedBlogs[currentIndex - 1] || undefined;
---
<Terminal path="/home/kyren/blogs/">
<div class="w-full h-[85svh] sm:h-[30vw] overflow-y-auto pr-[1.25vw] border-box">
<div class="blog-scroll w-full h-[85svh] sm:h-[30vw] overflow-y-auto pr-[1.25vw] border-box">
<div class="text-[130%] h-full">
<div class="text-[110%]">
<BlogItem
@@ -114,3 +114,19 @@ const nextBlog = sortedBlogs[currentIndex - 1] || undefined;
margin-bottom: 1em;
}
</style>
<script>
document.addEventListener('wheel', (e) => {
const box = document.querySelector('.blog-scroll');
if (!box) return;
// If scrolling the page itself, forward it to the box
const atTop = box.scrollTop === 0 && e.deltaY < 0;
const atBottom = box.scrollHeight - box.scrollTop === box.clientHeight && e.deltaY > 0;
if (!atTop && !atBottom) {
box.scrollTop += e.deltaY;
e.preventDefault();
}
}, { passive: false });
</script>