layout/reftests/async-scrolling/sticky-pos-scrollable-7.html

   1 <!DOCTYPE html>
   2 <html reftest-async-scroll
   3       reftest-displayport-x="0" reftest-displayport-y="0"
   4       reftest-displayport-w="800" reftest-displayport-h="2000"
   5       reftest-async-scroll-x="0" reftest-async-scroll-y="100">
   6   <style>
   7     html {
   8       scrollbar-width: none;
   9     }
  10     #section {
  11       padding-top: 1px;
  12       transform: translateX(1px);
  13     }
  14     #header {
  15       position: sticky;
  16       top: 0;
  17     }
  18     #header > div {
  19       margin-top: -50px;
  20       border-radius: 10px;
  21       overflow:hidden;
  22       height: 100px;
  23       width: 100px;
  24     }
  25     #spacer {
  26       height: 1500px;
  27     }
  28     #inner {
  29       width: 200px;
  30       height: 200px;
  31       background-color:green;
  32     }
  33   </style>
  34   <div id="section">
  35       <div id="header">
  36         <div>
  37           <div id="inner"></div>
  38         </div>
  39       </div>
  40       <div id="spacer"></div>
  41   </div>
  42 </html>