子div transform放大之后，设置了overflow:auto的父级div无法通过滚动 显示全部子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 relative
top 225px

或者 transform=origin top