子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 relative
top 225px

或者 transform=origin top