scroll-marker-counters-ref.html (748B)
1 <!DOCTYPE html> 2 <title>CSS Ref: ::scroll-marker counters</title> 3 <style> 4 #scroller { 5 overflow: hidden; 6 height: 100px; 7 width: 100px; 8 } 9 10 #scroll-marker-group { 11 border: 3px solid black; 12 display: flex; 13 height: 100px; 14 width: 300px; 15 } 16 17 .item { 18 height: 100px; 19 width: 100px; 20 } 21 22 .scroll-marker { 23 background-color: green; 24 border-radius: 50%; 25 height: 100px; 26 width: 100px; 27 } 28 </style> 29 <div id="scroller"> 30 <div class="item">1</div> 31 <div class="item">2</div> 32 <div class="item">3</div> 33 </div> 34 <div id="scroll-marker-group"> 35 <div class="scroll-marker"><a href="#">1</a></div> 36 <div class="scroll-marker"><a href="#">2</a></div> 37 <div class="scroll-marker"><a href="#">3</a></div> 38 </div>