transition 首次过程不渲染， overflow:hideen 初始不渲染

<div class="transition" style="width: 100px; height: 100px;background: pink; position: relative;overflow: hidden;">

    <div style="width: 200%; position: absolute; top:0; bottom: 0; left: 0;transition:left 2s;">

        <div style="width: 50%; height: 100%; float: left;">111</div>

        <div style="width: 50%; height: 100%; float: left;">222</div>

    </div>

</div>

 

首次滚动222时，222不渲染，完全结束才渲染，
原因是父级设置了overflow: hidden;
解决办法：
overflow-y: scroll; 或 overflow-x: scroll;

scrollbar-width: none;