React - 스크롤을 기반으로 요소를 이동하는 방법?

내가 찾고있는 것은 Javascript/jQuery에서 꽤 단순하지만, "React"방식으로 작업하려고 할 때 당신이 React를 믹스에 던지면 저를 당황하게합니다. 그래서 시나리오는 내부에 요소 A가있는 약 300px 높이의 div가 있습니다. 난 할 노력하고있어 이것이다 :React - 스크롤을 기반으로 요소를 이동하는 방법?

하면 전체 문서를 스크롤 감지가
scrollTop 부모의 위치에 도달 할 때, scrollTop 과거의 요소 A의 부모 바닥을 때 아래쪽으로
, 중지 A 원소를 움직이기 시작 일을 사용 후, 나는 A 원소에 다음, 부모에 position: relative 정상을하고 position: absolute을 시도

을 스크롤 할 때 그 반대의 경우도 마찬가지 그런 요소

이동 전자 스크롤 이벤트를 계산할 때는 componentDidMount이지만 상황이 고르지 못해 제대로 된 느낌이 들지 않았습니다.

아무도 React에서이 작업을 수행 했습니까?

출처

2017-09-20 Martavis P.

왜이 기능을 제공하는 기존 구성 요소를 사용하지 않습니까? 예를 들어 반응이 끈적 거림 – Dekel

나는 바보가된다. 문서를 기준으로 고정 된 요소를 사용한다고 생각하여 데모를 보지 않았습니다. 감사! –