tor-browser

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

scrollbar-gutter-scroll-into-view.html (903B)


      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>CSS Test: scrollIntoView with scrollbar gutter on root frame viewport</title>
      4 <link rel="author" href="mailto:sakhapov@chromium.org">
      5 <link rel="match" href="scrollbar-gutter-scroll-into-view-ref.html">
      6 <link rel="help" href="https://drafts.csswg.org/css-overflow/#scrollbar-gutter-property">
      7 <link rel="help" href="https://crbug.com/355460994">
      8 <style>
      9  :root {
     10    scrollbar-gutter: stable both-edges;
     11    writing-mode: vertical-lr;
     12    overflow: hidden;
     13  }
     14 
     15  body {
     16    margin: 0;
     17  }
     18 
     19  #target {
     20    width: 100px;
     21    height: 100px;
     22    border: 4px solid black;
     23    position: absolute;
     24    left: 10px;
     25    top: 150vh;
     26    background-color: lightgreen;
     27  }
     28  #bg {
     29    background-color: khaki;
     30    width: 200vw;
     31    height: 400vh;
     32  }
     33 </style>
     34 <div id="bg"></div>
     35 <div id="target"></div>
     36 <script>
     37 target.scrollIntoView({ inline: "start" });
     38 </script>