Is there anything in the JS library that I can refer to for making UI like this?

I need to implement it, but I don't know if it's possible.

It's a dilemma.

There are three DIVs, A, B, and C.

At first, BDIV is hiding.

If you scroll with A and C attached, it goes straight up, and if you get caught in a specific area,

CDIV stops and only A receives the scroll event and goes up, and B appears in between.

When B appears and A, B, and C are connected, all three are affected by scrolling

And then when you get caught in a certain area, A stops and B slowly hides

And when you close it all, A and C become one again and scroll.

Is there anything I can refer to in this regard?!