هوکها
توابع
کامپوننتهای مرتبه بالا
useScrollTop
این هوک موقعیت اسکرول پنجره را ردیابی میکند و یک مقدار بولین برمیگرداند که نشان میدهد آیا کاربر از بالای صفحه اسکرول کرده است یا خیر.
مثال
'use client'
import useScrollTop from '@/utils/hooks/useScrollTop';
const Example = () => {
const { isSticky } = useScrollTop();
return (
<header className={isSticky ? 'sticky' : ''}>
<h1>My Sticky Header</h1>
</header>
);
};
export default Example
| بازگشتی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| isSticky | نشان میدهد که آیا صفحه از بالا اسکرول شده است (یعنی آیا عنصر باید چسبنده باشد). | boolean |