third_party/WebKit/LayoutTests/fast/events/touch/resources/touch-inside-iframe-scrolled2.html

   1 <html>
   2 <body onload="parent.runTest()">
   3 <style type='text/css'>
   4 #container {
   5   height:1000px;
   6   width:1000px
   7 }
   8 #mydiv {
   9   top:300px;
  10   left:100px;
  11   width:100px;
  12   height:100px;
  13   position:absolute;
  14   background-color:blue;
  15 }
  16 </style>
  17 <div id='container'>
  18 <div id='mydiv'></div>
  19 </div>
  20 <script type='text/javascript'>
  21 // Scroll so mydiv is at the top left
  22 window.scrollTo(100,300);
  23
  24 document.getElementById('mydiv').addEventListener('touchstart', function(event) {
  25   parent.testComplete(true, event);
  26   event.stopPropagation();
  27 }, false);
  28 </script>
  29 </body>
  30 </html>