Scroll position affected by internal layout changes inside a page element (Chrome)?

Question

https://jsfiddle.net/gxas8h7L/5/

Run the fiddle and scroll down until the top of the page intersect one of the red sub-boxes. Observe that the scroll position changes as