Mypal/layout/reftests/async-scrolling/disable-apz-for-sle-pages.html

33 lines
1.3 KiB
HTML

<!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>