OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <style> | |
4 #scroll { | |
5 width: 200px; | |
6 height: 200px; | |
7 overflow: scroll; | |
8 border: 1px solid black; | |
9 } | |
10 | |
11 #transform { | |
12 width: 100px; | |
13 height: 100px; | |
14 background-color: green; | |
15 transform: translateY(150px); | |
16 } | |
17 </style> | |
18 </head> | |
19 | |
20 <body> | |
21 | |
22 <p id="result"> | |
23 FAIL. The transform has not been applied to the scrollHeight. | |
24 </p> | |
25 | |
26 <div id="scroll"> | |
27 <div id="transform"></div> | |
28 </div> | |
29 | |
30 <script> | |
31 if (window.testRunner) | |
32 testRunner.dumpAsText(); | |
33 var scroll = document.getElementById("scroll"); | |
34 var scrollHeight = scroll.scrollHeight; | |
35 if (scrollHeight > 200) { | |
36 var result = document.getElementById("result"); | |
37 result.innerHTML = "SUCCESS! The transform was applied to the scroll
Height!"; | |
38 } | |
39 </script> | |
40 </body> | |
41 </html> | |
OLD | NEW |