scroll-target-group-003-ref.html (934B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow Test Reference: anchor scroll markers and pseudo element scroll markers</title> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 5 <style> 6 :root { 7 font-family: "Ahem"; 8 } 9 10 #scroller { 11 overflow: auto; 12 height: 130px; 13 width: 100px; 14 } 15 16 #scroller div { 17 width: 100px; 18 height: 100px; 19 background-color: blue; 20 margin: 5px; 21 } 22 23 a { 24 color: red; 25 } 26 27 a:last-of-type { 28 color: green; 29 } 30 </style> 31 <div> 32 <a href="#target1">t1</a> 33 <a href="#target2">t2</a> 34 <a href="#target3">t3</a> 35 <a href="#target4">t4</a> 36 </div> 37 <div id="scroller"> 38 <div id="target1"></div> 39 <div id="target2"></div> 40 <div id="target3"></div> 41 <div id="target4"></div> 42 </div> 43 <div> 44 <a href="#target1">t1</a><a href="#target2">t2</a><a href="#target3">t3</a><a href="#target4">t4</a> 45 </div> 46 <script> 47 scroller.scrollTop = 400; 48 </script>