willchange-containing-block.html (772B)
1 <!DOCTYPE HTML> 2 <html> 3 <body> 4 <style> 5 body { 6 padding: 100px; 7 width: 5000px; 8 height: 5000px; 9 overflow: scroll; 10 } 11 div { 12 } 13 #parent { 14 background:red; 15 width: 64px; 16 height: 64px; 17 } 18 #child { 19 background:green; 20 position:fixed; 21 width: 32px; 22 height: 32px; 23 } 24 </style> 25 <div id="parent"> 26 <div id="child"> 27 28 </div> 29 </div> 30 <script type="application/javascript"> 31 32 if (document.location.search == '?willchange') { 33 document.getElementById("parent").style.willChange = "transform"; 34 } else if (document.location.search == '?ref') { 35 document.getElementById("parent").style.transform = "translateZ(1px)"; 36 } else if (document.location.search == '?noblock') { 37 } 38 39 document.documentElement.scrollTop = 10; 40 document.documentElement.scrollLeft = 10; 41 </script> 42 </body> 43 </html>