[JS] 스크롤 내릴 때 효과 나타내기_(3)React에서 JQuery 사용하기

NAVER DEV OPEN CLASS

제가 처음 구현해보고 싶었던 효과입니다.

 

바로 스크롤 이벤트인데요...

 

 

보잘 것 없었던 저의 클론코딩 웹 서비스가

이 효과로 인해 굉장히 볼만해졌습니다!

 

간단히 적용시킨 Home 화면

 

 

 

 

 

 

제가 참고한 사이트는 아래와 같습니다.

[interactive web] 스크롤(scroll) 이벤트로 목록을 더 아름답게 만들어보자

 

위의 분 코드는

HTML + CSS + JS로 이루어져 있었습니다.

 

 

 

하지만 저의 경우,

리액트로 개발했기 때문에

CSS + JS로 구현을 주로했습니다.

 

따라서 스크롤 이벤트 함수는 JS에 구현해주고,

CSS에서 적용을 시켰습니다ㅎㅎㅎ.

 

간단한 코드이기때문에 위의 블로그에 들어가서 확인해보시면 될 것 같습니다.