| <html> |
| <head> |
| <style> |
| #scroll { |
| width: 200px; |
| height: 200px; |
| overflow: scroll; |
| border: 1px solid black; |
| } |
| |
| #transform { |
| width: 100px; |
| height: 100px; |
| background-color: green; |
| -webkit-transform: translateY(150px); |
| } |
| </style> |
| </head> |
| |
| <body> |
| |
| <p id="result"> |
| FAIL. The transform has not been applied to the scrollHeight. |
| </p> |
| |
| <div id="scroll"> |
| <div id="transform"></div> |
| </div> |
| |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| var scroll = document.getElementById("scroll"); |
| var scrollHeight = scroll.scrollHeight; |
| if (scrollHeight > 200) { |
| var result = document.getElementById("result"); |
| result.innerHTML = "SUCCESS! The transform was applied to the scrollHeight!"; |
| } |
| </script> |
| </body> |
| </html> |
