Why does the scroll stay in place when filling the page?

Question

css

If at the bottom of the page with dynamic content there is an element with , then the scroll remains in place when filling the page. Demo: https://codesandbox.io/s/react-53278 Scroll to the center of the red box and hit add a few times , then hit toggle absolute and add again Why is this happening? How to make the behavior the same as without ? position: absolute; bottom: 0


position: absolute; bottom: 0

Answer 1

overflow-anchor: none;