Div that slides over the rest of the page [closed]

I have to divs. When the second dives comes in view, i want it to slide over the other one. This is my code:

<div className="w-screen h-[1000px] bg-white"></div>
<div className="w-screen h-[1000px] bg-black"></div>

Does somebody know how I can accomplish this?