transform-geometry-1.html (710B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 6 <style type="text/css"> 7 #parent { 8 width: 400px; 9 height: 400px; 10 transform-style: preserve-3d; 11 } 12 13 #child { 14 width: 400px; 15 height: 400px; 16 overflow: scroll; 17 } 18 19 .box { 20 width: 400px; 21 height: 300px; 22 background-color: red; 23 } 24 </style> 25 26 </head> 27 <body> 28 29 <div id="parent"> 30 <div id="child"> 31 <div class="box"></div> 32 <div class="box"></div> 33 </div> 34 </div> 35 36 <script> 37 function doTest() { 38 document.documentElement.removeAttribute("class"); 39 document.getElementById("child").scrollTop = 200; 40 } 41 window.addEventListener("MozReftestInvalidate", doTest); 42 </script> 43 44 </body> 45 </html>