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