scroll-marker-010-ref.html (950B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Reference File: ::scroll-marker with ::scroll-marker-group after</title> 4 <link rel="author" href="mailto:sakhapov@chromium.org"> 5 <style> 6 #scroller { 7 width: 600px; 8 height: 300px; 9 overflow: scroll; 10 } 11 12 #scroller div { 13 width: 600px; 14 height: 300px; 15 margin-bottom: 20px; 16 background: green; 17 } 18 19 #scroll-marker-group { 20 border: 3px solid black; 21 height: 60px; 22 padding: 5px; 23 } 24 25 #scroll-marker-group>div { 26 display: inline-block; 27 width: 30px; 28 height: 30px; 29 background-color: blue; 30 border-radius: 100%; 31 } 32 33 #scroll-marker-group>#first { 34 background-color: purple; 35 } 36 </style> 37 <div id="scroller"> 38 <div></div> 39 <div></div> 40 </div> 41 <div id="scroll-marker-group"> 42 <div id="first"><a href="#">1</a></div> 43 <div><a href="#">2</a></div> 44 </div>