<!DOCTYPE html>
<html class="reftest-wait reftest-snapshot-all reftest-no-flush" reftest-async-scroll
      reftest-async-scroll-y="200">
 <head>
  <title>Check that the apz.disable_for_sle_pages pref behaves as expected</title>
  <script>
    // Upon load, this page scrolls to (0, 100). This triggers a scroll event,
    // which runs the scroll listener below. The scroll listener updates the
    // position of the div to simulate position:fixed using a scroll-linked
    // effect. The scroll-linked effect detector should then report that the
    // document contains such an effect, which will disable APZ on the page.
    // That in turn will cause the reftest-async-scroll-y to get ignored, and
    // that's what the reftest checks for.

    addEventListener('scroll', function() {
        document.getElementById('fake-fixed').style.top = window.scrollY + "px";
    }, false);

    addEventListener('load', function() {
        window.scrollTo(0, 100);
        setTimeout(done, 0);
    }, false);

    function done() {
        document.documentElement.classList.remove('reftest-wait');
    }
  </script>
 </head>
 <body style="height: 5000px; background-image:url(repeatable-diagonal-gradient.png);">
  <div id="fake-fixed" style="position: absolute; top: 0; left: 100px; width: 100px; height: 100px; background-color: green"></div>
 </body>
</html>