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