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