tor-browser

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

scroll-marker-003-ref.html (847B)


      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>CSS Reference File: scroll container with ::scroll-marker-group before between other blocks</title>
      4 <style>
      5  #scroller {
      6    width: 600px;
      7    height: 300px;
      8    overflow: scroll;
      9  }
     10 
     11  #scroller div {
     12    width: 600px;
     13    height: 300px;
     14    margin-bottom: 20px;
     15    background: green;
     16  }
     17 
     18  #scroll-marker-group {
     19    height: 40px;
     20    border: 3px solid black;
     21    padding: 5px;
     22  }
     23 
     24  #scroll-marker-group>div {
     25    display: inline-block;
     26    width: 10px;
     27    height: 10px;
     28    background-color: blue;
     29    border-radius: 100%;
     30  }
     31 
     32  #scroll-marker-group>#first {
     33    background-color: purple;
     34  }
     35 </style>
     36 <div>TEST BLOCK BEFORE</div>
     37 <div id="scroll-marker-group">
     38  <div id="first"></div>
     39  <div></div>
     40 </div>
     41 <div id="scroller">
     42  <div></div>
     43  <div></div>
     44 </div>
     45 <div>TEST BLOCK AFTER</div>