# scroll

5개의 포스트
post-thumbnail

React) Parallax Scrolling Effect : 스크롤시 속도를 서로 다르게 조절

: '시차'라는 뜻의 천문학적 용어. 스크롤시 보여지는 컨텐츠의 속도를 서로 다르게 조절해줌으로써 입체적인 느낌을 줄 수 있다.<설치>npm i --save react-rellax프로젝트중 parallax scrolling effect가 필요해서 알아보다가 rea

2020년 8월 9일
·
0개의 댓글
post-thumbnail

project-Aesop) ScrollY , React Hook

\* Scroll Event : React에서 scroll event를 주기 위해 y의 타겟지점을 알기 위해 메인페이지에서 scroll event fade-in을 해주기 위해서 각 피드마다의 y타겟지점을 알아내서 그 지점이 지났을 때 각각의 state값이 변하게 해주었

2020년 7월 23일
·
0개의 댓글

(TIL 32일차) 스타일쉐어 1차 프로젝트 OOTD (5)

스타일쉐어 scroll 원하는 위치로 이동하기

2020년 2월 29일
·
0개의 댓글

jQuery-slimScroll 사용하기

jQuery-slimScroll은 div 내에서 iframe처럼 내부 스크롤을 제공하는 jQuery 라이브러리이다. slimscroll.PNG npm 설치 js 추가 관련 링크 http://rocha.la/jQuery-slimScroll https://github.com/rochal/jQuery-slimScroll

2019년 9월 23일
·
0개의 댓글

Scroll Stop 이벤트 확장 함수

window 네이티브 이벤트에는 scroll stop 이벤트가 없다. 아래와 같은 코드를 추가하면 scrollStopped 확장이벤트를 사용할 수 있다.

2019년 8월 13일
·
0개의 댓글