sdk/platform-tools/systrace/catapult/telemetry/telemetry/internal/testing/page_with_swipeables.html

   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 <div id="off-screen"></div>
  52 </body>
  53 </html>