Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-24 16:58:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

Got to be picky about the smooth vs jump scroll

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-30 19:48:33 +08:00
parent 1fed35f674
commit 613e77e43f
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/media-modal.jsx
View file

@ -22,13 +22,16 @@ function MediaModal({
useLayoutEffect(() => {
carouselFocusItem.current?.scrollIntoView();
}, []);
const prevStatusID = useRef(statusID);
useEffect(() => {
const scrollLeft = index * carouselRef.current.clientWidth;
const differentStatusID = prevStatusID.current !== statusID;
if (differentStatusID) prevStatusID.current = statusID;
carouselRef.current.scrollTo({
left: scrollLeft,
behavior: 'smooth',
behavior: differentStatusID ? 'auto' : 'smooth',
});
}, [index]);
}, [index, statusID]);
const [showControls, setShowControls] = useState(true);