# scrollEvent

4개의 포스트
post-thumbnail

javascript_Page scroll하는 3가지 방법(scrolling APIs)

오늘은 javascript로 간단하게 버튼을 누르면scroll을 제어하는 코드를 작성해보았다.엘리먼트 크기와 뷰포트에 상대적인 위치 정보를 제공하는 DOMRect를 제공하는 메서드console을 찍어보면=> DOMRect {x: 30, y:81, width:102, h

2022년 8월 15일
·
0개의 댓글
·

[TIL] Day-27

무한 스크롤 UI구현하기 1.scrollEvent window의 scroll이벤트를 통해 스크롤링이 일어날 때마다 화면 전체의 높이와 스크롤 위치를 통해 스크롤이 컨텐츠 끝 즘에 다다랐는지 체크해서 처리하는 방식 App컴포넌트 fetchPhotos()의 내부 과정

2021년 9월 13일
·
0개의 댓글
·
post-thumbnail

TIL : JavaScript (scroll event)

window.scrollY문서가 수직으로 얼마나 스크롤 되는지를 알려준다.Element.getBoundingClientRect()브라우저에 실제로 보여지는 width, height값을 알아내고자 할 때!만약 transition을 활용해 크기를 변환시킨 element

2021년 5월 11일
·
0개의 댓글
·
post-thumbnail

스크롤 이미지 이벤트

리액트를 이용하여 포트폴리오를 만들는 중이었다. 뭔가 내 이야기를 그림으로 표현하고 싶었는데 BBC에서 코로나가 바꿀 미래라는 기사를 보고 아이디어를 얻었다.현재 파일은 움직이는 글자만 나눈 컴포넌트 파일이다. 스크롤이 잘 작동하는지 먼저 테스트 하기위하여 consol

2021년 1월 20일
·
0개의 댓글
·