Hype project: scroll-SizeAdj_JHSv1.hype.zip (145.9 KB)
As You scroll down the page the image shrinks - all sizing and positioning is done in the “Main Timeline” using Hype’s interface - easy for You to change to fit your needs without coding.
Note: There is a JavaScript function (“controlTimeline”) that matches the vertical scroll position of the window to the Timeline. The only reason You would need to alter this JavaScript code would be if You had timeline other than the ‘Main Timeline’ to control. In that case simply change the Timeline name to the desired one.
hypeDocument.goToTimeInTimelineNamed(whatScroll, 'Main Timeline');
This function is triggered by the “On Scene Load” handler in the “Scene Inspector”.
Post edit note: Updated file with changes per @MarkHunte (see 2 posts below):
scroll-SizeAdj_JHSv2.hype.zip (145.7 KB)