tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

root-scroll-marker.html (945B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Overflow: ::scroll-marker with ::scroll-marker-group on root element</title>
      4 <link rel="match" href="root-scroll-marker-ref.html">
      5 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-pseudo">
      6 <style>
      7  body {
      8    margin: 0;
      9  }
     10 
     11  :root {
     12    scroll-marker-group: before;
     13  }
     14 
     15  :root::scroll-marker-group {
     16    border: 3px solid black;
     17    padding: 5px;
     18    height: 20px;
     19    display: block;
     20    position: fixed;
     21    top: 0;
     22  }
     23 
     24  div {
     25    width: 600px;
     26    height: 300px;
     27    margin-bottom: 20px;
     28    background: green;
     29  }
     30 
     31  div:first-of-type {
     32    margin-top: 40px;
     33  }
     34 
     35  div::scroll-marker {
     36    content: "";
     37    width: 10px;
     38    height: 10px;
     39    background-color: blue;
     40    border-radius: 100%;
     41    display: inline-block;
     42    margin-right: 4px;
     43  }
     44 
     45  div:last-of-type::scroll-marker {
     46    margin-right: 0px;
     47  }
     48 </style>
     49 <div></div>
     50 <div></div>
     51 <div></div>