jQuery increasing and decreasing div height based on scroll positioning

jQuery increasing and decreasing div height based on scroll positioning

jQuery increasing and decreasing div height based on scroll positioning.
Was wondering if any of you know of any way to do this in a good way.
Let's say i have a div with and id of "scroll-element" And when i scroll
down the page, let's say down like 500px it starts to increase to about
200px when scrolling down and decreasing to 0px when i scroll back up. I
tried a few methods but none have worked so far.