tor-browser

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

scroll-marker-group-009.html (1425B)

      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>CSS Test: two scroll-marker-group with dynamic change</title>
      4 <link rel="match" href="scroll-marker-group-009-ref.html">
      5 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group-pseudo">
      6 <style>
      7  div::scroll-marker-group {
      8    display: flex;
      9    height: 50px;
     10    width: 100px;
     11  }
     12 
     13  div.scroll-marker-group-before {
     14    overflow: auto;
     15    scroll-marker-group: before;
     16  }
     17 
     18  div.scroll-marker-group-before::scroll-marker-group {
     19    background: green;
     20  }
     21 
     22  div.scroll-marker-group-after {
     23    overflow: auto;
     24    scroll-marker-group: after;
     25  }
     26 
     27  div.scroll-marker-group-after::scroll-marker-group {
     28    background: yellow;
     29  }
     30 </style>
     31 <div id="target1"></div>
     32 <div id="target2"></div>
     33 <script>
     34  document.documentElement.offsetTop;
     35  target1.className = "scroll-marker-group-before";
     36  target2.className = "scroll-marker-group-after";
     37  document.documentElement.offsetTop;
     38  target1.className = "scroll-marker-group-after";
     39  document.documentElement.offsetTop;
     40  target1.className = "";
     41  document.documentElement.offsetTop;
     42  target1.className = "scroll-marker-group-before";
     43  target2.className = "";
     44  document.documentElement.offsetTop;
     45  target2.className = "scroll-marker-group-after";
     46  document.documentElement.offsetTop;
     47  target1.className = "scroll-marker-group-after";
     48  target2.className = "scroll-marker-group-before";
     49 </script>