Fix issue with scroll position after loading data in Chrome 56+

Chrome 56 executes some computations to make the scroll position stay in the same position. This currently looks like this:

Current behavior in Chrome 56+

What you would expect instead

Expected behavior

How to change this behavior?

overflow-anchor to the rescue! https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor

overflow-anchor: none;

It’s as easy as this. The result now looks again like this:

with overflow-anchor set to none

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Sascha Eggenberger
Sascha Eggenberger

Written by Sascha Eggenberger

Sascha Eggenberger. Staff Product Designer @GitLab. Drupal Core Maintainer. Drupal Design System, Claro, Gin. #OpenSource https://sascha.is/

No responses yet

What are your thoughts?