Implement the updated port/area-based Scroll Snap Module Level 1 Spec
[WebKit-https.git] / LayoutTests / tiled-drawing / scrolling / scroll-snap / resources / vertical-mainframe.html
1 <!DOCTYPE HTML>
2 <html>
3     <head>
4         <style>
5             .verticalGallery {
6                 width: 100vw;
7                 height: 600vh;
8                 margin: 0;
9                 padding: 0;
10                 scroll-snap-type: y mandatory;
11             }
12             .colorBox {
13                 height: 100vh;
14                 width: 100vw;
15                 float: left;
16                 scroll-snap-align: start;
17             }
18             #item0 { background-color: red; }
19             #item1 { background-color: green; }
20             #item2 { background-color: blue; }
21             #item3 { background-color: aqua; }
22             #item4 { background-color: yellow; }
23             #item5 { background-color: fuchsia; }
24         </style>
25     </head>
26     <body class="verticalGallery">
27         <div id="item0" class="colorBox"></div>
28         <div id="item1" class="colorBox"></div>
29         <div id="item2" class="colorBox"></div>
30         <div id="item3" class="colorBox"></div>
31         <div id="item4" class="colorBox"></div>
32         <div id="item5" class="colorBox"></div>
33     </body>
34 </html>