inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

무한스크롤 구현

무한스크롤 관련

해결된 질문

342

임채영

작성한 질문수 3

0

무한스크롤 구현시

<div ref={fetchMoreEl} />

이부분이 화면스크롤시 제대로 감지가 안되는 건지 useEffect 에서 intersecting 이 계속 false 더군요

제가 해결한 방법은

<div ref={fetchMoreElstyle={{ border: '1px solid white' }}></div>

이렇게 입력해서 정상작동하는 것을 확인했습니다.

비슷한 문제 발생시 참고용~

무한스크롤 graphql react rest-api

답변 1

0

정재남

OS 및 브라우저 환경에 따라 높이값이 없는 element에 대해서는
intersecting을 제대로 감지하지 못하는 상황이 발생하는 경우도 있나보네요.
감사합니다!

border-color를 transparent로 하거나
height: 1px
margin-bottom: -1px
등으로 바꿔도 괜찮을 것 같아요.

질문있습니다 !

0

145

2

sass 오류

0

182

1

does not match

0

169

2

프로젝트 배포

0

305

1

코드 똑같이 쳤는데 scss 적용이 안돼요 ㅠㅠ

0

754

1

scss 스타일 적용

0

485

2

yarn run client시 에러는 안 나는데 호스트가 열리질 않습니다 ㅠㅠ

0

434

1

무한 스크롤 관련 질문 드립니다.

1

519

2

props 를 넘겨줄 때 함수를 그대로 넘겨줄 때와 화살표 함수로 감싸서 넘겨줄 때의 차이가 궁금합니다 :)

0

460

1

getInitialProps 과 getServerSideProps에 대해서 질문드립니다!

0

1147

1

node-sass를 했을 때 에러가 발생합니다.

0

383

1

[소스 다운로드 안됩니다]

0

329

1

rendered HTML error 관련

2

2194

2

닉네임 부분이 잘못되어 있는 것 같습니다.

0

453

2

Typescript 질문드려요!

0

338

1

error 관련하여

1

296

1

질문이 있습니다!.

0

285

1

질문이 있습니다!

0

492

1

수정된 내용까지 확인했는데 에러가 납니다 ㅠ

1

313

2

React Hydration Error 가 나는 이유가 무엇일까요 ?;;

0

635

1

useRef를 선호하시는 이유가 궁금합니다!

1

795

1

react-query 4.0.0 버전에선 에러가 납니다

0

668

1

gql 백틱 안에 색깔 입혀지는 확장프로그램이 어떤건지 알 수 있을까요?

2

687

1

typeScript에 대한 질문을 어디다가 올려야할지 몰라서 여기다가 남깁니다!

0

304

1