Image resize upon scrolling beyond the content ("bounce effect") and Zoom the Image


i am trying to achieve an effect in angularjs/ionic, that handles an image resize upon scrolling beyond the content (“bounce effect”).

I.g. a header-image is under the header-bar, that should adjusts in height, when the the scroll area is pulled down

I was trying to achieve this by using the $ionicScrollDelegate method getScrollPosition(), since that gives me scroll position. But the main problem is, that the image is inside the scroll area and that bounce box outside. So i cannot access the height of this image.

Anyone tried something similar? I was searching on here and everywhere i could think of, but couldn’t find a solution.