optimize library header bar render

This commit is contained in:
jeffvli
2025-11-19 19:24:03 -08:00
parent c763824803
commit c21e2f4a1e
2 changed files with 29 additions and 19 deletions
@@ -32,30 +32,38 @@ export const NativeScrollArea = forwardRef(
current: pageHeaderProps?.target?.current,
});
const scrollHandlerRef = useRef<number | null>(null);
const [initialize] = useOverlayScrollbars({
defer: false,
events: {
scroll: (_instance, e) => {
if (noHeader) {
return setIsPastOffset(true);
if (scrollHandlerRef.current) {
cancelAnimationFrame(scrollHandlerRef.current);
}
if (pageHeaderProps?.target || !pageHeaderProps?.offset) {
return setIsPastOffset(true);
}
scrollHandlerRef.current = requestAnimationFrame(() => {
if (noHeader) {
return setIsPastOffset(true);
}
const offset = pageHeaderProps?.offset;
const scrollTop = (e?.target as HTMLDivElement)?.scrollTop;
if (pageHeaderProps?.target || !pageHeaderProps?.offset) {
return setIsPastOffset(true);
}
if (scrollTop > offset && isPastOffset === false) {
return setIsPastOffset(true);
}
const offset = pageHeaderProps?.offset;
const scrollTop = (e?.target as HTMLDivElement)?.scrollTop;
if (scrollTop <= offset && isPastOffset === true) {
return setIsPastOffset(false);
}
if (scrollTop > offset && isPastOffset === false) {
return setIsPastOffset(true);
}
return null;
if (scrollTop <= offset && isPastOffset === true) {
return setIsPastOffset(false);
}
return null;
});
},
},
options: {