| 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 |