overflow-clip-margin-012.html (876B)
1 <!doctype html> 2 <html class="reftest"> 3 <meta charset="utf-8"> 4 <title>Overflow: visible + 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="match" href="overflow-clip-margin-007-ref.html"> 7 <style> 8 body { 9 height: 15000px; 10 } 11 12 .auto { 13 content-visibility: auto; 14 width: 100px; 15 height: 100px; 16 overflow-clip-margin: 10000px; 17 overflow: visible; 18 background: lightblue; 19 } 20 21 .big { 22 width: 10px; 23 height: 20000px; 24 position: relative; 25 top: -10000px; 26 background: green; 27 } 28 </style> 29 <div class=auto> 30 <div class=big></div> 31 </div> 32 <script> 33 onload = function () { 34 document.documentElement.scrollTop = window.innerHeight * 3; 35 } 36 </script>