OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 .swipeable { | |
6 overflow: scroll; | |
7 height: 200px; | |
8 width: 200px; | |
9 } | |
10 .left-right-item, | |
11 .top-bottom-item { | |
12 height: 100px; | |
13 width: 100px; | |
14 } | |
15 .left-right-item { | |
16 display: inline-block; | |
17 } | |
18 .red-bg { | |
19 background-color: red; | |
20 } | |
21 .blue-bg { | |
22 background-color: blue; | |
23 } | |
24 .tall-and-wide { | |
25 background-color: grey; | |
26 height: 5000px; | |
27 width: 5000px; | |
28 } | |
29 </style> | |
30 </head> | |
31 <body> | |
32 | |
33 <div id="left-right" class="swipeable"> | |
34 <div style="width: 1000px;"> | |
35 <div class="left-right-item red-bg">Test</div> | |
36 <div class="left-right-item blue-bg">Test</div> | |
37 <div class="left-right-item red-bg">Test</div> | |
38 <div class="left-right-item blue-bg">Test</div> | |
39 </div> | |
40 </div> | |
41 | |
42 <div id="top-bottom" class="swipeable"> | |
43 <div class="top-bottom-item red-bg">Test</div> | |
44 <div class="top-bottom-item blue-bg">Test</div> | |
45 <div class="top-bottom-item red-bg">Test</div> | |
46 <div class="top-bottom-item blue-bg">Test</div> | |
47 </div> | |
48 | |
49 <div class="tall-and-wide"></div> | |
50 | |
51 </body> | |
52 </html> | |
OLD | NEW |