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