зеркало из https://github.com/mozilla/pjs.git
38 строки
941 B
HTML
38 строки
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>
|