OLD | NEW |
| (Empty) |
1 <!-- Based on fast/repaint/intermediate-layout-position-clip.html --> | |
2 <html> | |
3 <head> | |
4 <title></title> | |
5 <style type="text/css"> | |
6 .float { float: right; height: 40px; width: 40px; } | |
7 .test { height: 200px; background-color: aliceblue } | |
8 </style> | |
9 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> | |
10 <script type="text/javascript"> | |
11 function paintInvalidationTest() | |
12 { | |
13 document.getElementById('target').style.height='20px'; | |
14 } | |
15 </script> | |
16 </head> | |
17 <body onload="runPaintInvalidationTest()"> | |
18 <div id="scroller" style="overflow: hidden; height: 40px"> | |
19 <div class="test"> | |
20 <div class="float"></div> | |
21 <div style="clear: right; padding-bottom: 10px;"> | |
22 <div style="height: 40px; width: 40px; background-color: red;" i
d="target"> | |
23 </div> | |
24 </div> | |
25 </div> | |
26 </div> | |
27 <script>scroller.scrollTop = 60;</script> | |
28 </body> | |
29 </html> | |
OLD | NEW |