[iOS] Add iOS-specific tests and consolidate iOS-specific accessibility tests
[WebKit-https.git] / LayoutTests / platform / ios-simulator / ios / fast / fixed / four-bars.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5     <style type="text/css" media="screen">
6       .content {
7         background-color: silver;
8         height: 200px;
9         margin: 5px;
10       }
11       
12       .fixed {
13         position: fixed;
14         top: 0;
15         left: 0;
16         margin: 10px;
17         height: 50px;
18         background-color: rgba(0, 128, 0, 0.8);
19         border: 2px solid black;
20         -webkit-box-shadow: 0 0 20px black;
21       }
22       
23       .top, .bottom {
24         width: 96%;
25       }
26
27       .left {
28         top: 200px;
29         left: 10px;
30         width: 150px;
31         height: 300px;
32       }
33
34       .right {
35         top: 200px;
36         left: auto;
37         right: 10px;
38         width: 150px;
39         height: 300px;
40       }
41       
42       .bottom {
43         top: auto;
44         bottom: 10px;
45       }
46     </style>
47     <script type="text/javascript" charset="utf-8">
48       if (window.testRunner)
49         testRunner.waitUntilDone();
50       function doTest()
51       {
52         window.setTimeout(function() {
53           window.scrollTo(50, 200);
54           if (window.testRunner)
55             testRunner.notifyDone();
56         }, 0);
57       }
58       window.addEventListener('load', doTest, false);
59     </script>
60 </head>
61 <body>
62
63   <div class="content"></div>
64   <div class="content"></div>
65   <div class="content"></div>
66   <div class="content"></div>
67   <div class="content"></div>
68   <div class="content"></div>
69   <div class="content"></div>
70   <div class="content"></div>
71   <div class="content"></div>
72   <div class="content"></div>
73   <div class="content"></div>
74   <div class="content"></div>
75   <div class="content"></div>
76
77
78 <div class="fixed top">
79   This is the top bar.
80 </div>
81 <div class="fixed left">
82   This is the left bar.
83 </div>
84 <div class="fixed right">
85   This is the right bar.
86 </div>
87 <div class="fixed bottom">
88   This is the bottom bar.
89 </div>
90
91 </body>
92 </html>