子div transform放大之后，设置了overflow:auto的父级div无法通过滚动

Question

子div transform放大之后，设置了overflow:auto的父级div无法通过滚动
简单的例子

<div style="overflow: auto;width:900px;height:740px">

    <div style="transform:scale(1.5,1.5)">

        <div style="width:600px;height:300px;background: red;"></div>

        <div style="width:600px;height:300px;background: yellow"></div>

        <div style="width:600px;height:300px;background: blue"></div>

    </div>

</div>

如上图所示，红色本应该跟黄色部分一样大小 但 滚动条已经滚到头了

Answer 1

position relativetop 225px或者 transform=origin top