/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/mui-material/src/useScrollTrigger/useScrollTrigger.js
48 строк
2 KB
Olivier Tassinari
[internal] Fix outdated links to the React repository
27 июн 2026, 23:42
Не верифицирован
27 июн 2026, 23:42
3ccff75
Код
Авторство
О чём код?
'use client'; import * as React from 'react'; function defaultTrigger(store, options) { const { disableHysteresis = false, threshold = 100, target } = options; const previous = store.current; if (target) { // Get vertical scroll store.current = target.pageYOffset !== undefined ? target.pageYOffset : target.scrollTop; } if (!disableHysteresis && previous !== undefined) { if (store.current < previous) { return false; } } return store.current > threshold; } const defaultTarget = typeof window !== 'undefined' ? window : null; export default function useScrollTrigger(options = {}) { const { getTrigger = defaultTrigger, target = defaultTarget, ...other } = options; const store = React.useRef(); const [trigger, setTrigger] = React.useState(() => getTrigger(store, other)); React.useEffect(() => { if (target === null) { // eslint-disable-next-line react-hooks/set-state-in-effect return setTrigger(false); } const handleScroll = () => { setTrigger(getTrigger(store, { target, ...other })); }; handleScroll(); // Re-evaluate trigger when dependencies change target.addEventListener('scroll', handleScroll, { passive: true }); return () => { target.removeEventListener('scroll', handleScroll, { passive: true }); }; // See Option 3. https://github.com/react/react/issues/14476#issuecomment-471199055 // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler // eslint-disable-next-line react-hooks/exhaustive-deps }, [target, getTrigger, JSON.stringify(other)]); return trigger; }