tor-browser

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

background-attachment-fixed-inline-scrolled.html (1154B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#background-attachment">
      4 <link rel="match" href="background-attachment-fixed-inline-scrolled-ref.html">
      5 <meta name="assert" content="Background with background-attachment-fixed on an inline element should be fixed to the viewport">
      6 <style>
      7 body {
      8  /* suppress scrollbars */
      9  overflow: hidden;
     10 }
     11 #target {
     12  background-attachment: fixed;
     13  background-image: linear-gradient(green 50%, yellow 50%);
     14  font-size: 130px;
     15  line-height: 100px;
     16 }
     17 </style>
     18 <span id="target">
     19  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
     20  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
     21  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
     22  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
     23  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
     24  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
     25  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
     26  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
     27 </span>
     28 <script>
     29 requestAnimationFrame(() => {
     30  requestAnimationFrame(() => {
     31    scrollTo(0, 300);
     32    document.documentElement.classList.remove("reftest-wait");
     33  });
     34 });
     35 </script>