使用Retina屏幕查看Chrome上的奇怪滚动行为

Question

使用Retina屏幕观看时，我在最新的Chrome（48.0.2564.116）上遇到了一些奇怪的滚动行为。想知道是否有其他人经历过这个并有解决方法？

JsFiddle在这里：https://jsfiddle.net/dcfkjyxd/

它似乎是导致滚动条偏移的盒子阴影，但我不明白为什么。

box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);

视网膜屏幕

非Retina屏幕

Answer 1

您可以阅读此http://cubiq.org/webkit-weird-box-shadow-bug-with-fix

尝试为div添加顶部和底部值。