ブロックをまたぐときにスクロールラインがスクロールしないようにする

Question

ブロックが 3 つあり、2 番目のブロックには線と回転円があります。円はメイン スクロールとともにスクロールし、スクロールが停止すると、円は各ブロックの中心である最も近い点に固定されます。

しかし、メイン スクロールが 2 番目のブロックを横切ると、円がスクロールを停止し、ページ上で正しく動作しないという問題があります。

メイン スクロールが

block2 を通過するときに円が自動的に最後のケースにくっついてスクロールが完全に停止するようにスクリプトを完成させることは可能ですか?戻って block2 を通過すると、再び動作するはずです

一般的に、問題は最後のケースにあります。スクロールがそこに到達しても、円はそれ以上移動しません。おそらく、私が提案したオプションの代わりに別の解決策があるかもしれません。

block2

の最初から最後までのスクロールをスムーズにする必要があります。スクロールが停止すると、円が最も近いケースの中心に固定される必要があります。 私の例では、これが現在起こっていることです。スクロールを停止すると、必要な場所に留まりますが、私の場合は最後まで適切にスクロールしません。

リーリー リーリー リーリー

Answer 1

質問を正しく理解できれば、次のように最後のケースの高さの半分を maxTop の計算に追加できると思います。 リーリー

このようにすると、円の最大上部位置は最後のケースの中央になります。更新されたコード スニペットを確認してください:

リーリー リーリー リーリー