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>
53