scroll-marker-dynamic-ref.html (663B)
1 <!DOCTYPE html> 2 <title>CSS Test Reference: ::scroll-marker dynamic creation and removal</title> 3 <style> 4 #scroller { 5 width: 600px; 6 height: 300px; 7 overflow: scroll; 8 } 9 10 #scroller div { 11 width: 600px; 12 height: 300px; 13 margin-bottom: 20px; 14 background: green; 15 } 16 17 #scroll-marker-group { 18 border: 3px solid black; 19 padding: 5px; 20 height: 20px; 21 display: block; 22 } 23 24 #scroll-marker { 25 width: 10px; 26 height: 10px; 27 background-color: aqua; 28 border-radius: 100%; 29 display: inline-block; 30 } 31 </style> 32 <div id="scroller"> 33 <div></div> 34 </div> 35 <div id="scroll-marker-group"> 36 <div id="scroll-marker"></div> 37 </div>