블록을 넘을 때 스크롤 라인이 스크롤되는 것을 방지

Question

블록이 3개 있는데, 두 번째 블록에는 선과 구르는 원이 있습니다. 원은 메인 스크롤과 함께 스크롤되며 스크롤이 중지되면 원은 각 블록의 중심인 가장 가까운 지점에 고정됩니다

하지만 여기에 문제가 있습니다. 메인 스크롤이 두 번째 블록을 넘을 때 원이 스크롤을 멈추고 페이지에서 잘못 작동합니다

메인 스크롤이 교차할 때 block2 时，圆圈将自动坚持最后一个案例并完全停止滚动？当我们返回并穿过 block2 그에 따라 다시 작동하도록 스크립트를 완성할 수 있나요

일반적으로 문제는 마지막 경우에 있습니다. 스크롤이 도달하면 원이 더 이상 움직이지 않습니다. 어쩌면 제가 제안한 옵션 외에 다른 해결책이 있을 수도 있습니다.

스크롤이 block2처음부터 끝까지 원활해야 하고 스크롤이 멈출 때 원이 가장 가까운 케이스의 중앙에 붙어야 합니다

제 예에서는 지금 이런 일이 일어나고 있습니다. 스크롤을 멈추면 필요한 위치에 머물지만 제 경우에는 끝까지 제대로 스크롤되지 않습니다

으아악 으아악 으아악

Answer 1

귀하의 질문을 올바르게 이해했다면 다음과 같이 maxTop계산에 마지막 사례의 절반 높이를 추가할 수 있을 것 같습니다.

으아아아

이렇게 하면 원의 최대 상단 위치가 마지막 경우의 중간이 됩니다. 업데이트된 코드 조각을 확인하세요:

으아아아 으아아아 으아아아