layout/reftests/position-sticky/top-bottom-1.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     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 - top+bottom, at top</title>
     7     <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
     8     <link rel="match" href="top-bottom-1-ref.html">
     9     <meta name="assert" content="Top+bottom sticky, scrolled to the top: should act as bottom-sticky">
    10     <style>
    11       #scroll {
    12         height: 100px;
    13         overflow: hidden;
    14       }
    15       #sticky {
    16         position: sticky;
    17         top: 10px;
    18         bottom: 10px;
    19         height: 10px;
    20         background-color: black;
    21       }
    22     </style>
    23   </head>
    24   <body>
    25     <div id="scroll">
    26       <div style="height: 100px"></div>
    27       <div id="sticky"></div>
    28       <div style="height: 100px"></div>
    29     </div>
    30   </body>
    31 </html>

mercurial