third_party/WebKit/LayoutTests/fast/dom/empty-anchor-in-overflow-scroller.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <script src="../../resources/run-after-layout-and-paint.js"></script>
   4 <style>
   5 #scroller {
   6     border: 1px solid black;
   7     height: 400px;
   8     width: 400px;
   9     overflow: auto;
  10     position: absolute;
  11     font: 10pt monospace;
  12     padding: 20px;
  13     top: 50px;
  14     left: 150px;
  15 }
  16 .spacer {
  17     width: 100px;
  18     height: 1000px;
  19     background-color: #ddf;
  20     margin: 20px;
  21     display: inline-block;
  22 }
  23 </style>
  24 <div id="scroller">
  25     <a name="top"></a>text<br>
  26     <span class="spacer"></span>
  27 </div>
  28 <script>
  29 var jsTestIsAsync = true;
  30 var scroller = document.querySelector("#scroller");
  31 scroller.scrollTop = 400;
  32 runAfterLayoutAndPaint(function() {
  33     location.hash = "#top";
  34     shouldBe("scroller.scrollTop", "20");
  35     location.hash = "#";
  36     finishJSTest();
  37 });
  38 </script>