| <html id='iframe-root'> |
| <head> |
| <style> |
| div { |
| width: 100px; |
| height: 100px; |
| border: 1px solid black; |
| } |
| |
| #iframe-abs-div { |
| position: absolute; |
| background-color: red; |
| left: 100px; |
| } |
| |
| #iframe-fixed-div { |
| position: fixed; |
| background-color: blue; |
| left: 200px; |
| } |
| </style> |
| |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function doTest() |
| { |
| var pre = document.getElementById('iframe-console'); |
| var tosend = ''; |
| if(!window.internals) |
| return; |
| |
| var divs = ['iframe-div', 'iframe-abs-div', 'iframe-fixed-div', 'iframe-root']; |
| for (var i = 0; i < divs.length; i++) { |
| var div1 = document.getElementById(divs[i]); |
| for (var j = 0; j < divs.length; j++) { |
| var div2 = document.getElementById(divs[j]); |
| var scrollsWithRespectTo = window.internals.scrollsWithRespectTo(div1, div2); |
| |
| var successText = scrollsWithRespectTo ? 'scrolls with respect to' : 'does not scroll with respect to'; |
| var messageText = div1.id + ' ' + successText + ' ' + div2.id; |
| tosend += messageText + '\n'; |
| } |
| } |
| window.top.postMessage(tosend, '*'); |
| } |
| |
| window.onload = doTest; |
| </script> |
| </head> |
| |
| <body> |
| <div id='iframe-div' style='overflow:scroll'></div> |
| <div id='iframe-abs-div'></div> |
| <div id='iframe-fixed-div'></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <pre id='iframe-console'></pre> |
| </body> |
| </html> |
