How to pan and zoom on a specific element based on scroll position?

Question

I\'m trying to make a single page infographic website with React, where the page pans to a specific part of the infographic when the user scrolls up or down the page, depending