third_party/WebKit/LayoutTests/fast/scrolling/fixed-position-scroll-into-view.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4 .target {
   5   position: fixed;
   6   top: 100px;
   7   left: 100px;
   8   width: 100px;
   9   height: 50px;
  10   background-color: #ccc;
  11 }
  12 </style>
  13 <div style="height: 1000px"></div>
  14 <div class="target" id="t1"></div>
  15 <div style="position: absolute; top: 100px; transform: translateZ(0)">
  16   <div class="target" id="t2"></div>
  17 </div>
  18 <script>
  19 </script>
  20
  21 <script>
  22
  23 description("Tests that scrolling to a fixed position element does not scroll the viewport.");
  24
  25 location.hash = "#t1";
  26 shouldBe("scrollY", "0");
  27
  28 location.hash = "#t2";
  29 shouldBe("scrollY", "200");
  30
  31 location.hash = "#t1";
  32 shouldBe("scrollY", "200");
  33
  34 location.hash = "#";
  35 shouldBe("scrollY", "0");
  36
  37 </script>
  38 </body>
  39 <html>