Unreviewed, rolling out r244228.
[WebKit-https.git] / LayoutTests / scrollingcoordinator / scrolling-tree / resources / doc-with-sticky.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
2 <html>
3 <head>
4     <style>
5         .box {
6             height: 100px;
7             width: 100px;
8             background-color: blue;
9         }
10         
11         .scrolling {
12             height: 300px;
13             width: 400px;
14             overflow: scroll;
15             -webkit-overflow-scrolling: touch;
16             border: 2px solid black;
17         }
18         
19         .spacer {
20             height: 400px;
21             margin: 10px;
22             background-color: silver;
23         }
24         .sticky {
25             position: sticky;
26             top: 10px;
27             bottom: 10px;
28         }
29         
30         .composited {
31             -webkit-transform: translateZ(0);
32         }
33     </style>
34 </head>
35 <body>
36     <div class="composited scrolling">
37         <div class="spacer"></div>
38         <div class="spacer"></div>
39         <div class="sticky box"></div>
40         <div class="spacer"></div>
41         <div class="spacer"></div>
42     </div>
43     <div class="sticky box"></div>
44
45 </body>
46 </html>