scroll-target-group-011.html (1010B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow Test: scroll-target-group property invalidation - dynamic removal of href</title> 4 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-target-group"> 5 <link rel="match" href="scroll-target-group-009-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="wrapper"> 33 <a id="link1" href="#target1">t1</a> 34 <a id="link2" href="#target2">t2</a> 35 </div> 36 <div id="scroller1" class="scroller"> 37 <div id="target1"></div> 38 <div id="target2"></div> 39 </div> 40 <div id="scroller2" class="scroller"> 41 <div id="target3"></div> 42 <div id="target4"></div> 43 </div> 44 <script> 45 scroller2.scrollTop = 200; 46 document.documentElement.offsetTop; 47 link1.href = ""; 48 </script>