Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-23 14:13:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

Sometimes need exact distance instead ratio

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-25 10:50:02 +08:00
parent 8fdc430dd5
commit aca3cb677b
2 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/status.jsx
View file

@ -457,7 +457,7 @@ function StatusPage() {
const { nearReachStart } = useScroll({ const { nearReachStart } = useScroll({
scrollableElement: scrollableRef.current, scrollableElement: scrollableRef.current,
distanceFromStart: 0.2, distanceFromStartPx: 16,
}); });
return ( return (

26
src/utils/useScroll.js
View file

@ -7,6 +7,8 @@ export default function useScroll({
scrollThresholdStart = 10, scrollThresholdStart = 10,
scrollThresholdEnd = 10, scrollThresholdEnd = 10,
direction = 'vertical', direction = 'vertical',
distanceFromStartPx: _distanceFromStartPx,
distanceFromEndPx: _distanceFromEndPx,
} = {}) { } = {}) {
const [scrollDirection, setScrollDirection] = useState(null); const [scrollDirection, setScrollDirection] = useState(null);
const [reachStart, setReachStart] = useState(false); const [reachStart, setReachStart] = useState(false);
@ -38,16 +40,20 @@ export default function useScroll({
const scrollDimension = isVertical ? scrollHeight : scrollWidth; const scrollDimension = isVertical ? scrollHeight : scrollWidth;
const clientDimension = isVertical ? clientHeight : clientWidth; const clientDimension = isVertical ? clientHeight : clientWidth;
const scrollDistance = Math.abs(scrollStart - previousScrollStart); const scrollDistance = Math.abs(scrollStart - previousScrollStart);
const distanceFromStartPx = Math.min( const distanceFromStartPx =
clientDimension * distanceFromStart, _distanceFromStartPx ||
scrollDimension, Math.min(
scrollStart, clientDimension * distanceFromStart,
); scrollDimension,
const distanceFromEndPx = Math.min( scrollStart,
clientDimension * distanceFromEnd, );
scrollDimension, const distanceFromEndPx =
scrollDimension - scrollStart - clientDimension, _distanceFromEndPx ||
); Math.min(
clientDimension * distanceFromEnd,
scrollDimension,
scrollDimension - scrollStart - clientDimension,
);
if ( if (
scrollDistance >= scrollDistance >=