scroll-target-group-008.html (978B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow Test: scroll-target-group property invalidation - dynamic removal</title> 4 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-target-group"> 5 <link rel="match" href="scroll-target-group-008-ref.html"> 6 <style> 7 .wrapper { 8 scroll-target-group: auto; 9 } 10 11 #scroller { 12 overflow: auto; 13 height: 130px; 14 width: 100px; 15 } 16 17 #scroller div { 18 width: 100px; 19 height: 100px; 20 background-color: blue; 21 margin: 5px; 22 } 23 24 a { 25 color: red; 26 } 27 28 a:target-current { 29 color: green; 30 } 31 </style> 32 <div id="target" class="wrapper"> 33 <a href="#target1">t1</a> 34 <a href="#target2">t2</a> 35 <a href="#target3">t3</a> 36 <a href="#target4">t4</a> 37 </div> 38 <div id="scroller"> 39 <div id="target1"></div> 40 <div id="target2"></div> 41 <div id="target3"></div> 42 <div id="target4"></div> 43 </div> 44 <script> 45 document.documentElement.offsetTop; 46 target.classList.remove("wrapper"); 47 </script>