5 html { overflow: hidden; }
6 div { height: 100px; width: 100px; }
7 .fixed { position: fixed; }
8 .green { background-color: green; }
9 .red { background-color: red; }
10 .composited { -webkit-transform: translateZ(0); }
12 <script type="text/javascript">
13 if (window.layoutTestController)
14 layoutTestController.dumpAsText(true);
15 function moveFixedDiv()
17 document.getElementById('fixedDiv').style.top = '200px';
19 window.addEventListener('load', moveFixedDiv, false);
22 <body style="height:2000px;">
23 <!-- You should see 1 green rectangle in the output and no red. -->
24 <div style="top: 200px; left: 100px;" class="fixed red"></div>
25 <div id="fixedDiv" style="top: 500px; left:100px;" class="fixed green composited"></div></div>