무한스크롤 관련
무한스크롤 구현시
<div ref={fetchMoreEl} />이부분이 화면스크롤시 제대로 감지가 안되는 건지 useEffect 에서 intersecting 이 계속 false 더군요
제가 해결한 방법은
<div ref={fetchMoreEl} style={{ border: '1px solid white' }}></div>
이렇게 입력해서 정상작동하는 것을 확인했습니다.
비슷한 문제 발생시 참고용~
답변 1
0
OS 및 브라우저 환경에 따라 높이값이 없는 element에 대해서는
intersecting을 제대로 감지하지 못하는 상황이 발생하는 경우도 있나보네요.
감사합니다!
border-color를 transparent로 하거나
height: 1px
margin-bottom: -1px
등으로 바꿔도 괜찮을 것 같아요.
질문있습니다 !
0
158
2
sass 오류
0
191
1
does not match
0
174
2
프로젝트 배포
0
321
1
코드 똑같이 쳤는데 scss 적용이 안돼요 ㅠㅠ
0
765
1
scss 스타일 적용
0
496
2
yarn run client시 에러는 안 나는데 호스트가 열리질 않습니다 ㅠㅠ
0
443
1
무한 스크롤 관련 질문 드립니다.
1
532
2
props 를 넘겨줄 때 함수를 그대로 넘겨줄 때와 화살표 함수로 감싸서 넘겨줄 때의 차이가 궁금합니다 :)
0
469
1
getInitialProps 과 getServerSideProps에 대해서 질문드립니다!
0
1163
1
node-sass를 했을 때 에러가 발생합니다.
0
399
1
[소스 다운로드 안됩니다]
0
345
1
rendered HTML error 관련
2
2208
2
닉네임 부분이 잘못되어 있는 것 같습니다.
0
464
2
Typescript 질문드려요!
0
347
1
error 관련하여
1
311
1
질문이 있습니다!.
0
299
1
질문이 있습니다!
0
503
1
수정된 내용까지 확인했는데 에러가 납니다 ㅠ
1
324
2
React Hydration Error 가 나는 이유가 무엇일까요 ?;;
0
649
1
useRef를 선호하시는 이유가 궁금합니다!
1
803
1
react-query 4.0.0 버전에선 에러가 납니다
0
673
1
gql 백틱 안에 색깔 입혀지는 확장프로그램이 어떤건지 알 수 있을까요?
2
692
1
typeScript에 대한 질문을 어디다가 올려야할지 몰라서 여기다가 남깁니다!
0
312
1