scroll-marker-group-style-remove.html (893B)
1 <!DOCTYPE HTML> 2 <title>CSS Overflow Test: disabling ::scroll-marker-group removes scroll-markers</title> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group%E2%91%A0"> 4 <link rel="match" href="scroll-marker-group-style-remove-ref.html"> 5 <style> 6 #scroller { 7 overflow: hidden; 8 scroll-marker-group: after; 9 height: 100px; 10 width: 100px; 11 } 12 13 .scroll-marker-group::scroll-marker-group { 14 border: 3px solid black; 15 display: flex; 16 height: 50px; 17 width: 100px; 18 } 19 20 .item { 21 height: 100px; 22 width: 100px; 23 } 24 25 .item::scroll-marker { 26 content: ' '; 27 border-radius: 50%; 28 background: blue; 29 width: 50px; 30 height: 50px; 31 } 32 </style> 33 <div id="scroller" class="scroll-marker-group"> 34 <div class="item">1</div> 35 <div class="item">2</div> 36 </div> 37 <script> 38 document.body.offsetTop; 39 scroller.className = ""; 40 </script>