scrollframe-auto-1.html (890B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <!-- Percentage sticky offsets should be computed correctly when 5 - the scroll container is auto-sized --> 6 <html> 7 <head> 8 <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com"> 9 <link rel="match" href="scrollframe-auto-1-ref.html"> 10 <style> 11 body { 12 /* even on initial reflow */ 13 overflow: scroll; 14 } 15 #scroll { 16 height: auto; 17 overflow: hidden; 18 border: 1px solid black; 19 } 20 #sticky { 21 position: sticky; 22 height: 10px; 23 top: 50%; 24 background-color: black; 25 } 26 .fill { 27 height: 200px; 28 } 29 </style> 30 <body> 31 <div id="scroll"> 32 <div id="sticky"></div> 33 <div class="fill"></div> 34 </div> 35 </body> 36 </html>