third_party/WebKit/LayoutTests/scrollingcoordinator/resources/iframe-containing-non-fast-scrollables.html

   1 <!DOCTYPE html>
   2 <style>
   3   body {
   4     margin: 0;
   5   }
   6   section {
   7       height: 250px;
   8       width: 250px;
   9       margin-top: 50px;
  10       display: block;
  11   }
  12   div {
  13     height: 200px;
  14     width: 200px;
  15     overflow: scroll;
  16   }
  17   div > div {
  18     height: 1000px;
  19     width: 1000px;
  20     background: linear-gradient(to bottom, red, white);
  21   }
  22   iframe {
  23     height: 211px;
  24     width: 211px;
  25     display: block;
  26     border: none;
  27   }
  28   embed {
  29     height: 222px;
  30     width: 222px;
  31     display: block;
  32     border: none;
  33   }
  34
  35 </style>
  36 <!-- contains three types of non-fast scrollable objects: div, iframe, and plugin -->
  37 <section>
  38   <div>
  39       <div></div>
  40   </div>
  41 </section>
  42 <section>
  43   <iframe src="data:text/html;charset=utf-8,<style>body {height:1000px; width:1000px; background: linear-gradient(to bottom, red, white);}</style>"></iframe>
  44 </section>
  45 <section>
  46   <embed type="application/x-webkit-test-webplugin"></embed>
  47 </section>