overflow-clip-margin-007.html (827B)
1 <!doctype html> 2 <html class="reftest"> 3 <meta charset="utf-8"> 4 <title>Overflow-clip-margin: is shown with content-visibility: auto</title> 5 <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin"> 6 <link rel="author" title="Scott Violet" href="mailto:sky@chromium.org"> 7 <link rel="match" href="overflow-clip-margin-007-ref.html"> 8 <style> 9 body { 10 height: 15000px; 11 } 12 .auto { 13 content-visibility: auto; 14 width: 100px; 15 height: 100px; 16 overflow-clip-margin: 10000px; 17 background: lightblue; 18 } 19 .big { 20 width: 10px; 21 height: 20000px; 22 position: relative; 23 top: -10000px; 24 background: green; 25 } 26 </style> 27 <div class=auto> 28 <div class=big></div> 29 </div> 30 <script> 31 onload = function() { 32 document.documentElement.scrollTop = window.innerHeight * 3; 33 } 34 </script>