Disable Chrome's scroll preserving feature

Question

I have a page containing a list of items:

Load more button should load some more items via ajax and append it to the items container preserving current scroll position. So after I click it the feed I expect it to look like this (green items are new):

But in fact Chrome 56 executes some computations to make the page stay in the same state, and what I see looks like this:

Is there any way to prevent this smart scrolling position setting in Chrome?

Update: I can reproduce the behavior only if parent container ('body' in my case) has 'display: flex' property (I use it to achieve 'sticky footer' feature).

Answer 1

I solved a similar problem by adding overflow-anchor: none; to the scroll container.

https://wicg.github.io/ScrollAnchoring/