gecko/layout/reftests/layers/component-alpha-exit-1.html

38 lines
941 B
HTML

<!DOCTYPE html>
<html class="reftest-wait">
<title>Test transition from component-alpha layer to single-alpha layer</title>
<script type="text/javascript">
document.addEventListener("MozReftestInvalidate", function scrollOnePixelDown () {
var scrollbox = document.getElementById("scrollbox");
window.addEventListener("MozAfterPaint", function scrollDownAllTheWay() {
window.removeEventListener("MozAfterPaint", arguments.callee, false);
scrollbox.scrollTop = 1000;
document.documentElement.className = "";
}, false);
scrollbox.scrollTop = 1; // activate scroll layer
}, false);
</script>
<style>
#scrollbox {
margin: 20px;
width: 300px;
height: 400px;
overflow-y: auto;
background: -moz-linear-gradient(#FFF, #FFF);
}
#inner {
background-color: #000;
margin-top: 10px;
height: 5px;
line-height: 5px;
padding-bottom: 400px;
}
</style>
<div id="scrollbox">
<div id="inner">
Text
</div>
</div>