tor-browser

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

long_scroll_composited.html (1147B)


      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>Long scrolling should work properly</title>
      4 <link rel="author" href="mailto:masonf@chromium.org">
      5 <link rel="help" href="https://www.w3.org/TR/cssom-view/#scrolling">
      6 <link rel="match" href="long_scroll_composited-ref.html">
      7 
      8 <style>
      9 .post {
     10  height: 1000px;
     11  width: 300px;
     12  border: 1px solid black;
     13 
     14 }
     15 .scroller {
     16  overflow-y: scroll;
     17  width: 500px;
     18  height: 500px;
     19  will-change: transform;
     20 }
     21 ::-webkit-scrollbar {
     22  display: none;
     23 }
     24 </style>
     25 
     26 <p>The number 7 should be visible in the scrolled window below.</p>
     27 
     28 <div id="scroller" class="scroller">
     29  <div style="position: relative;">
     30    <div style="position: relative;">
     31      <div class="post">0</div>
     32      <div class="post">1</div>
     33      <div class="post">2</div>
     34      <div class="post">3</div>
     35      <div class="post">4</div>
     36      <div class="post">5</div>
     37      <div class="post">6</div>
     38      <div class="post">7</div>
     39      <div class="post">8</div>
     40      <div class="post">9</div>
     41    </div>
     42  </div>
     43 </div>
     44 
     45 <script>
     46 onload = function() {
     47  scroller=document.getElementById("scroller");
     48  scroller.scrollTop = 6800;
     49 };
     50 </script>