Cara melaksanakan tatal dalaman kandungan dalam React semasa menatal keseluruhan halaman

Question

Saya ingin mencipta logik dalam React yang menatal kandungan kanak-kanak dahulu apabila halaman penuh ditatal. Setelah sub kandungan ditatal sepenuhnya, ia akan beralih ke bahagian seterusnya

Sebagai contoh: Saya mempunyai tiga bahagian: A, B dan C. Ketinggian setiap bahagian ialah 100vh. Bahagian B terdiri daripada empat subseksyen: B1, B2, B3 dan B4, yang kesemuanya juga mempunyai ketinggian 100vh.

Apabila menatal halaman, sebaik sahaja anda menatal ke bahagian B, subbahagiannya akan mula menatal. Setelah sub-bahagian itu ditatal sepenuhnya, tatal akan beralih ke Bahagian C

Saya telah melaksanakannya menggunakan perpustakaan GSAP tetapi saya mahu melaksanakannya hanya menggunakan React.