On Scroll Transition In Next.js

Question

In next.js. I want to show a transition when I scroll my page. e.g if the current contact component is visible then I want to show transition on the contact heading from lef