hanzoai/docs
2
0
Fork 0
mirror of https://github.com/hanzo-docs/docs.git synced 2026-10-26 23:49:51 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Zeta: Improve Anchor Observer

Browse Source
This commit is contained in:
SonMooSans
2023-08-01 05:01:06 +08:00
parent 2d366a8aa0
commit ec675e1940
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/next-docs/src/toc/use-anchor-observer.ts
+13 -7
View File
@@ -11,15 +11,21 @@ export function useAnchorObserver(watch: string[]): string | undefined {
useEffect(() => {
const observer = new IntersectionObserver(
entries => {
for (const entry of entries) {
// If above half the viewport
const aboveHalf = window.innerHeight / 2 > entry.boundingClientRect.y
const active = aboveHalf && entry.isIntersecting
setActiveAnchor(f => {
for (const entry of entries) {
// If above half the viewport
const aboveHalf =
window.innerHeight / 2 > entry.boundingClientRect.y
const active = aboveHalf && entry.isIntersecting
if (active) {
setActiveAnchor(entry.target.id)
if (active) {
return entry.target.id
}
}
}
// use the first item if not found
return f ?? watch[0]
})
},
{ rootMargin: `0% 0% -80% 0%` }
)