Essentially, I want to create some pages with a CTA/offer a the bottom of the page, and when the user scrolls to when the CTA section is partially in the viewport, it transforms (scale in this case).
It is all about checking the item’s scrollTop and comparing it to the dimensions of the viewport. Here is a stack overflow answer that shows you how to go about doing this…