root-scroll-marker-ref.html (829B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: ::scroll-marker with ::scroll-marker-group on root element</title> 4 <style> 5 body { 6 margin: 0; 7 } 8 9 #scroll-marker-group { 10 border: 3px solid black; 11 padding: 5px; 12 height: 20px; 13 display: block; 14 position: fixed; 15 top: 0; 16 } 17 18 .item { 19 width: 600px; 20 height: 300px; 21 margin-bottom: 20px; 22 background: green; 23 } 24 25 #first { 26 margin-top: 40px; 27 } 28 29 .scroll-marker { 30 width: 10px; 31 height: 10px; 32 background-color: blue; 33 border-radius: 100%; 34 display: inline-block; 35 } 36 </style> 37 <div id="scroll-marker-group"> 38 <div class="scroll-marker"></div> 39 <div class="scroll-marker"></div> 40 <div class="scroll-marker"></div> 41 </div> 42 <div id="first" class="item"></div> 43 <div class="item"></div> 44 <div class="item"></div>