OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 #scroll { | 4 #scroll { |
5 width: 230px; | 5 width: 230px; |
6 height: 230px; | 6 height: 230px; |
7 overflow: scroll; | 7 overflow: scroll; |
8 border: 1px solid black; | 8 border: 1px solid black; |
9 } | 9 } |
10 #container { | 10 #container { |
11 width:200px; | 11 width:200px; |
12 height:200px; | 12 height:200px; |
13 background-color:blue; | 13 background-color:blue; |
14 -webkit-transform: rotate(180deg); | 14 transform: rotate(180deg); |
15 } | 15 } |
16 #spill { | 16 #spill { |
17 width:100px; | 17 width:100px; |
18 height:100px; | 18 height:100px; |
19 background-color:green; | 19 background-color:green; |
20 position:absolute; | 20 position:absolute; |
21 top:-50px; | 21 top:-50px; |
22 } | 22 } |
23 </style> | 23 </style> |
24 </head> | 24 </head> |
(...skipping 15 matching lines...) Expand all Loading... |
40 testRunner.dumpAsText(); | 40 testRunner.dumpAsText(); |
41 var scroll = document.getElementById("scroll"); | 41 var scroll = document.getElementById("scroll"); |
42 var scrollHeight = scroll.scrollHeight; | 42 var scrollHeight = scroll.scrollHeight; |
43 if (scrollHeight > 215) { | 43 if (scrollHeight > 215) { |
44 var result = document.getElementById("result"); | 44 var result = document.getElementById("result"); |
45 result.innerHTML = "SUCCESS! The transform was applied to the scroll
Height!"; | 45 result.innerHTML = "SUCCESS! The transform was applied to the scroll
Height!"; |
46 } | 46 } |
47 </script> | 47 </script> |
48 </body> | 48 </body> |
49 </html> | 49 </html> |
OLD | NEW |