layout/reftests/position-sticky/pref-1.html

   1 <!DOCTYPE html>
   2 <!-- Any copyright is dedicated to the Public Domain.
   3    - http://creativecommons.org/publicdomain/zero/1.0/ -->
   4 <html>
   5   <head>
   6     <title>CSS Test: Sticky Positioning - support test</title>
   7     <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
   8     <link rel="match" href="pref-1-ref.html">
   9     <meta name="assert" content="This test indicates whether sticky positioning is enabled.">
  10     <style>
  11       body {
  12         margin: 0;
  13         line-height: 1;
  14       }
  15       #sticky {
  16         position: absolute;
  17         position: sticky;
  18         left: -100%;
  19         width: 100%;
  20         padding-bottom: 1em;
  21         margin-bottom: -1em;
  22         background: white;
  23       }
  24     </style>
  25   </head>
  26   <body>
  27     <p>
  28       "position: sticky" is:
  29       <!-- If sticky positioned, this will cover up "disabled" below: -->
  30       <div id="sticky">enabled</div>
  31       <div>disabled</div>
  32     </p>
  33   </body>
  34 </html>