tor-browser

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

scroll-target-group-006.html (1180B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Overflow Test: scroll-target-group property invalidation - anchor and target removal and addition</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-target-group">
      5 <link rel="match" href="scroll-target-group-001-ref.html">
      6 <style>
      7  .wrapper {
      8    scroll-target-group: auto;
      9  }
     10 
     11  #scroller {
     12    overflow: auto;
     13    height: 130px;
     14    width: 100px;
     15  }
     16 
     17  #scroller div {
     18    width: 100px;
     19    height: 100px;
     20    background-color: blue;
     21    margin: 5px;
     22  }
     23 
     24  a {
     25    color: red;
     26  }
     27 
     28  a:target-current {
     29    color: green;
     30  }
     31 </style>
     32 <div id="target" class="wrapper">
     33  <a id="link1" href="#target1">t1</a>
     34  <a href="#target2">t2</a>
     35  <a href="#target3">t3</a>
     36  <a href="#target4">t4</a>
     37 </div>
     38 <div id="scroller">
     39  <div id="target1"></div>
     40  <div id="target2"></div>
     41  <div id="target3"></div>
     42  <div id="target4"></div>
     43 </div>
     44 <script>
     45  const newLink1 = link1.cloneNode(true);
     46  const newTarget1 = target1.cloneNode();
     47  target.removeChild(link1);
     48  scroller.removeChild(target1);
     49  document.documentElement.offsetTop;
     50  target.prepend(newLink1);
     51  scroller.prepend(newTarget1);
     52 </script>