content-visibility-049-ref.html (666B)
1 <!doctype HTML> 2 <html> 3 <meta charset="utf8"> 4 <title>Content Visibility: anchor links paint subtrees (reference)</title> 5 <link rel="author" title="Rakina Zata Amni" href="mailto:rakina@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 8 <style> 9 .spacer { 10 width: 150px; 11 height: 3000px; 12 background: lightblue; 13 } 14 #container { 15 contain: style layout; 16 width: 150px; 17 height: 150px; 18 background: lightgreen; 19 } 20 #target { 21 width: 100px; 22 height: 100px; 23 background: green; 24 } 25 </style> 26 27 <div class="spacer"></div> 28 <div id="container"><div id="target"></div></div> 29 30 <script> 31 target.scrollIntoView(); 32 </script> 33 </html>