5b1b73f63563dd4e402310af343724cfb22266c4
[WebKit-https.git] / LayoutTests / scrollingcoordinator / scrolling-tree / coordinated-frame-in-fixed.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->\r
2 <html>\r
3 <head>\r
4     <style>\r
5         body {\r
6             height: 1000px;\r
7         }\r
8         \r
9         iframe {\r
10             display: block;\r
11             margin: 10px;\r
12             border: 5px solid black;\r
13         }\r
14         \r
15         #container {\r
16             position: absolute;\r
17             top: 10px;\r
18             border: 4px solid green;\r
19             padding: 10px;\r
20         }\r
21         \r
22         #container {\r
23             position: fixed;\r
24             top: 0;\r
25             border: 4px solid orange;\r
26         }\r
27         \r
28         #tree {\r
29             position: absolute;\r
30             top: 375px;\r
31         }\r
32     </style>\r
33     <script>\r
34         if (window.testRunner) {\r
35             testRunner.dumpAsText();\r
36             window.internals.settings.setScrollingTreeIncludesFrames(true);\r
37         }\r
38 \r
39         function startTest()\r
40         {\r
41             if (window.internals)\r
42                 document.getElementById('tree').innerText = internals.scrollingStateTreeAsText();\r
43         }\r
44         \r
45         window.addEventListener('load', startTest, false);\r
46     </script>\r
47 </head>\r
48 <body>\r
49     \r
50     <div id="container">\r
51         <iframe src="resources/doc-with-sticky.html" width="500" height="300"></iframe>\r
52     </div>\r
53 <pre id="tree">Scrolling tree goes here</pre>\r
54 </body>\r
55 </html>\r