simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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(() => { useLayoutEffect(() => {
carouselFocusItem.current?.scrollIntoView(); carouselFocusItem.current?.scrollIntoView();
}, []); }, []);
const prevStatusID = useRef(statusID);
useEffect(() => { useEffect(() => {
const scrollLeft = index * carouselRef.current.clientWidth; const scrollLeft = index * carouselRef.current.clientWidth;
const differentStatusID = prevStatusID.current !== statusID;
if (differentStatusID) prevStatusID.current = statusID;
carouselRef.current.scrollTo({ carouselRef.current.scrollTo({
left: scrollLeft, left: scrollLeft,
behavior: 'smooth', behavior: differentStatusID ? 'auto' : 'smooth',
}); });
}, [index]); }, [index, statusID]);
const [showControls, setShowControls] = useState(true); const [showControls, setShowControls] = useState(true);