Front-End/React

[React] 오류 - 스크롤로 인한 밑에카드 arrow 버튼이 안먹힐때 해결방법

CODE_PLAN 2023. 1. 18. 19:30

문제사항 : 전편에서 만든 조건부 헤더와 에니메이션을 적용했을때 헤더때문에 react-slick이 안먹히는 현상발생

위 사진과같이 아직 스크롤을 내리지 않았을때 조건부가 발생하지 않았을시 저렇게 에로우가 작게보이는 상태에서는 arrow가 반응합니다.

해결법 : z-index를 slick css에 적용해주면 스크롤시에도 arrow가 작동합니다.