simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Slight delay is needed

Browse source
This commit is contained in:
Lim Chee Aun 2024-04-03 16:06:37 +08:00
parent ebd9f05f69
commit 989e788d8e
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/lazy-shazam.jsx
View file

@ -1,7 +1,7 @@
/* /*
Rendered but hidden. Only show when visible Rendered but hidden. Only show when visible
*/ */
import { useLayoutEffect, useRef, useState } from 'preact/hooks'; import { useEffect, useRef, useState } from 'preact/hooks';
import { useInView } from 'react-intersection-observer'; import { useInView } from 'react-intersection-observer';
// The sticky header, usually at the top // The sticky header, usually at the top
@ -26,7 +26,7 @@ export default function LazyShazam({ children }) {
skip: visibleStart || visible, skip: visibleStart || visible,
}); });
useLayoutEffect(() => { useEffect(() => {
if (!containerRef.current) return; if (!containerRef.current) return;
const rect = containerRef.current.getBoundingClientRect(); const rect = containerRef.current.getBoundingClientRect();
if (rect.bottom > TOP) { if (rect.bottom > TOP) {