I'm struggling to make this fade-in kind of animation where the start of the animation would be the top of an element and the end would be on reaching the bottom of the element by scrolling. The scale and opacity properties should change proportionally with the scrolling poition. I've been trying to get this working but couldn't.