Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-09 16:13:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: automatic hash for anchors on scroll

Browse Source
This commit is contained in:
iCrawl
2022-10-08 14:04:00 +02:00
parent 33ec49d5bf
commit 63939f8219
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/guide/src/components/SidebarLayout.astro
View File

@@ -10,6 +10,32 @@ type Props = MarkdownLayoutProps<{}>;
const { headings } = Astro.props;
---
<script is:inline>
window.addEventListener('load', () => {
const headings = document.querySelectorAll(
'div.prose > h1, div.prose > h2, div.prose > h3, div.prose > h4, div.prose > h5',
);
const headingsObserver = new IntersectionObserver(
(entries, observer) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
const location = window.location.toString().split('#')[0];
history.replaceState(null, null, location + '#' + entry.target.id);
}
});
},
{
root: null,
rootMargin: '0px 0px -300px 0px',
threshold: 1.0,
},
);
headings.forEach((heading) => headingsObserver.observe(heading));
});
</script>
<Navbar client:load>
<div class="flex flex-col gap-3 p-3 pb-32 lg:pb-12" slot="pages">
<SidebarItems client:load pages={pages} />