scroll-target-group-inline-targets.html (761B)
1 <!DOCTYPE html> 2 <title>CSS Overflow Test: dynamic setting of scroll-target-group with inline scroll targets</title> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-target-group"> 4 <link rel="match" href="scroll-target-group-inline-targets-ref.html"> 5 <style> 6 .stg { 7 scroll-target-group: auto; 8 9 a:target-current { 10 color: green; 11 } 12 } 13 14 #scroller { 15 height: 100px; 16 overflow: auto; 17 } 18 </style> 19 <div id="group"> 20 <a href="#a">a</a> 21 <a href="#b">b</a> 22 </div> 23 <div id="scroller"> 24 <a id="a">aa</a> 25 <div style="height: 200px;"></div> 26 <a id="b">bb</a> 27 <div style="height: 200px;"></div> 28 </div> 29 <script> 30 scroller.scrollTop = 200; 31 document.documentElement.offsetTop; 32 group.classList.add("stg"); 33 </script>