tor-browser

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

scroll-target-group-010.html (1014B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Overflow Test: scroll-target-group property invalidation - dynamic addition of href</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-target-group">
      5 <link rel="match" href="scroll-target-group-009-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="wrapper">
     33  <a id="link1">t1</a>
     34  <a id="link2">t2</a>
     35 </div>
     36 <div id="scroller1" class="scroller">
     37  <div id="target1"></div>
     38  <div id="target2"></div>
     39 </div>
     40 <div id="scroller2" class="scroller">
     41  <div id="target3"></div>
     42  <div id="target4"></div>
     43 </div>
     44 <script>
     45  scroller2.scrollTop = 200;
     46  document.documentElement.offsetTop;
     47  link1.href = "#target3";
     48  link2.href = "#target4";
     49 </script>