如何解决IE9滚动重绘问题与固定位置父有-ms-transform:translate？

Question

我有一个父div,它有-ms-transform:translateX(50%)translateY(40%); 位置:固定;

我的内心div有固定高度和溢出:auto

在IE9(只有真正的IE9)中,这会导致奇怪的滚动问题(它没有正确重绘).

任何人都面对这个,知道任何修复或解决方法吗？

这是用于演示此问题的代码:

<div style="-ms-transform: translateX(50%) translateY(40%); position: fixed;">
    <div style="height: 300px; width: 300px; overflow-x: hidden; overflow-y: auto;">
        foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo 
    </div>
</div>

Answer 1

尝试使用溢出属性 - 将溢出属性设置为滚动。即，overflow-y:scroll看看是否可以解决问题。