[React] 스크롤하면 나타나는 위로가기 버튼 만들기(Floating Action Button & Style-Components)

프로젝트를 하며 디자이너가 스크롤 컨트롤이 일정 이상 생기면 나타나는 위로가기 버튼을 만들어달라고 했다..ㅎ 어떻게 개발할지 고민도 안하고 바로 만들었다 ㅋㅋ 1. window.pageYOffset를 통해 Scroll 높이 읽어오기 Scroll의 값을 읽어온 후 UseState를 통해 isVisible의 Bool 값을 지정했다. * window.pageYOffset 현재 문서의 수직 방향으로 스크롤된 픽셀의 양을 나타내는 속성 const [isVisible, setIsVisible] = useState(false); const handleScroll = () => { const scrollTop = window.pageYOffset; if (scrollTop >= 400) { setIsVisible(tr..

원문링크 : [React] 스크롤하면 나타나는 위로가기 버튼 만들기(Floating Action Button & Style-Components)