I have a UI which looks like this"

I have tabs on the left and product showcase on the right, in one of the sections of a page. The issue is, I want the default browser scroll to stop when it reaches this section in page until all the tabs are shown one by one. Once all tabs are complete, I want the default window scroll to continue. Is there any react.js (or javascript/jquery) library for this type of functionality?