# scroll

103개의 포스트
post-thumbnail

React Query Infinite 우아하게 사용하기 with. react-query-infinite-scroll

안녕하세요 최근에 이직을 하게 되면서 react-query를 접할 일이 생겼는데 그 중에서 useInfiniteQuery를 사용 하면서 불편한점을 개선 하고자 합니다. 결론 부터 말씀 드리자면

5일 전
·
0개의 댓글
·

[Flutter] Scroll Focus (Scroll To Index) 만들어 보기

Scroll Focus (Scroll To Index) 만들어 보기 scrolltoindex | Flutter Packages english_words | Dart Package 이번 글에서는 Scroll 포커싱에 대해서 작성해보도록 하겠다. 해당 작업과 동일하게

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

body-scroll-lock 사용법(feat. 모달 내부에서 원하는 요소는 스크롤 가능하도록)

모달을 띄울 때 보통 body의 스크롤을 막습니다. 이 때 모달 내부의 경우에는 스크롤이 되어야 하는 경우도 있습니다. 대부분 잘 작동하지만 IOS에서 스크롤이 되지 않는데요, body-scroll-lock 라이브러리로 처리해봤습니다.

2023년 3월 23일
·
0개의 댓글
·

css, 스크롤바 가리기

스크롤바 가리기디스커버 적용할 때, 이미지 리사이즈서버를 적용하려고했다.디스커버적용 때

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

[Front-end 수업] #066일 #067일 #068일

결과HTMLCSSscript변수 Agency 함수를 만들고 init 함수 안에 사용 할 함수를 다 넣어놓는다.this : parallax( );this : header( );this : section1( );this : section2( );this : section3

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

[React] react + 무한 스크롤(feat. intersection Observer API)

요즘은 무한 스크롤 다 쓰잖아요? 저도 한번 해보겠습니다.

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

ScrollTrigger에서 pin사용시 스크롤 튕김현상

gsap에서 만든 scrolltrigger라는 플러그인은 참 유용한 플러그인이다. 하지만, 스크롤을 이용한 모션은 버그가 많이 존재하는것 같다. 팀원분이 페럴럭스 모션을 만들었는데 모바일 브라우져의 하단에서 스크롤이 튀는 현상이 발견되었다.모바일 브라우져는 스크롤이 제

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

Browser Scroll Height 계산해보기

원하는 높이에서 이벤트가 발생될 수 있게 브라우저 scroll height를 구해보자window.pageYOffset

2023년 1월 10일
·
0개의 댓글
·

모달 뒤 스크롤 방지

모달 뒤 스크롤 방지 코드

2023년 1월 6일
·
0개의 댓글
·

Web Scroll Control

window.scrollY, // 스크롤 값 document.documentElement.scrollHeight, // 전체 스크롤 높이 document.documentElement.clientHeight // 사용자가 현재 보고 있는 화면의

2023년 1월 4일
·
0개의 댓글
·
post-thumbnail

[Javascript]addEventListener, scroll 공부

공부한 내용을 적으면서 복습 앞으로 배워 나가면서 조잡한 코드를 수정해 나가는 과정을 연습window.scrollY를 사용해서 위에서부터 몇px 스크롤 했는지 알아낼 수 있다.addEventListener로 scrollY가 100px 됐을 때, fontSize를 변경되

2022년 12월 27일
·
0개의 댓글
·