Overflow-y phantom margin in chrome Chrome

Question

i have a curious problem with overflow: auto in chrome. There is a panel with position: fixed; height: 100%; min-width: 250px; right: 0; top: 0; overflow-y: auto; and when the scrollbar appear, inner elements are rendered with offset, but reacting as in correct position (even console highlights them correct). How to fix that? Thank you

Answer 1

Your a tags contain some white spaces - have you checked that?

Answer 2

带溢出的固定块上的box-shadow property导致了这种行为。解决方案是将内容溢出到另一个容器并让主块溢出：可见。 Sample solution here

因此，这似乎是一个Chrome错误，因为其他浏览器不会遇到此问题。