반응형 scrollable1 리액트에서 스크롤,드래그 둘 다 되는 슬라이더 리액트에서 스크롤,드래그 둘 다 되는 슬라이더 회사에서 framer-motion으로 만든 슬라이더가 이상하게 작동했다. 위와 같이 마우스로 카드를 잡아 끌었을때 스크롤은 움직이지 않았다. 드래그와 스크롤의 싱크를 맞추는 게 어려웠다. 고민하다가, 그냥 쌩으로 만들기로 했다. 이번 작업은 DOM의 scroll 이벤트 공부가 많이 되었다. onMouseDown const [dragging, setDragging] = useState(false); const [scrollLeft, setScrollLeft] = useState(0); const handleMouseDownEvent = (e: MouseEvent) => { // 마우스 클릭하면 setDragging(true); if (containerRef.c.. 2023. 4. 26. 이전 1 다음 반응형