scroll-target-group-001-ref.html (676B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow Test Reference: scroll-target-group property makes anchor elements scroll markers</title> 4 <style> 5 #scroller { 6 overflow: auto; 7 height: 130px; 8 width: 100px; 9 } 10 11 #scroller div { 12 width: 100px; 13 height: 100px; 14 background-color: blue; 15 margin: 5px; 16 } 17 18 a { 19 color: red; 20 } 21 22 a:first-of-type { 23 color: green; 24 } 25 </style> 26 <div> 27 <a href="#target1">t1</a> 28 <a href="#target2">t2</a> 29 <a href="#target3">t3</a> 30 <a href="#target4">t4</a> 31 </div> 32 <div id="scroller"> 33 <div id="target1"></div> 34 <div id="target2"></div> 35 <div id="target3"></div> 36 <div id="target4"></div> 37 </div>