m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-11-14 17:25:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix sticky header calc.

Browse Source
This commit is contained in:
Mike Cao 2020-08-11 22:29:41 -07:00
parent f4ca353b5c
commit dc267f8daa
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/helpers/StickyHeader.js
View File

@ -10,15 +10,15 @@ export default function StickyHeader({
}) { }) {
const [sticky, setSticky] = useState(false); const [sticky, setSticky] = useState(false);
const ref = useRef(); const ref = useRef();
const offsetTop = useRef(0); const top = useRef(0);
useEffect(() => { useEffect(() => {
const checkPosition = () => { const checkPosition = () => {
if (ref.current) { if (ref.current) {
if (!offsetTop.current) { if (!top.current) {
offsetTop.current = ref.current.offsetTop; top.current = ref.current.offsetTop + ref.current.offsetHeight;
} }
const state = window.pageYOffset > offsetTop.current; const state = window.pageYOffset > top.current;
if (sticky !== state) { if (sticky !== state) {
setSticky(state); setSticky(state);
} }