| Index: LayoutTests/fast/workers/snap.html
|
| diff --git a/LayoutTests/fast/workers/snap.html b/LayoutTests/fast/workers/snap.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..1c23a942bbf8f7b2486817d0c939dc7517f6151d
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/workers/snap.html
|
| @@ -0,0 +1,105 @@
|
| +<!DOCTYPE HTML>
|
| +<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>
|
| +<style>
|
| +
|
| +.card {
|
| + position: absolute;
|
| + left: 10px;
|
| + top: 10px;
|
| + width: 200px;
|
| + height: 200px;
|
| + background: #736F68;
|
| + color: #D9CCC5;
|
| + padding: 20px;
|
| + font-family: 'IM Fell Great Primer SC', serif;
|
| + font-size: 3em;
|
| + border-radius: 5px;
|
| + -webkit-transform: translateZ(0);
|
| +}
|
| +
|
| +body {
|
| + background: #212126;
|
| +}
|
| +
|
| +#raf {
|
| + position: absolute;
|
| + left: 700px;
|
| + top: 10px;
|
| + background: #826B54;
|
| +}
|
| +
|
| +.scroller {
|
| + width: 500px;
|
| + height: 400px;
|
| + border: 2px solid black;
|
| + overflow-y: scroll;
|
| + background: #736F68;
|
| +}
|
| +
|
| +.scrolled {
|
| + width: 2000px;
|
| + height: 9000px;
|
| + color: #D9CCC5;
|
| + padding-left: 20px;
|
| + font-family: 'IM Fell Great Primer SC', serif;
|
| + font-size: 3em;
|
| +}
|
| +
|
| +.pic {
|
| + width: 400px;
|
| + height: 300px;
|
| + background-color: red;
|
| +}
|
| +
|
| +.halfspacer {
|
| + height: 50px;
|
| +}
|
| +
|
| +.spacer {
|
| + height: 100px;
|
| +}
|
| +
|
| +</style>
|
| +<script>
|
| +var worker = null;
|
| +
|
| +onload = function() {
|
| + // Set up worker rAF animation.
|
| + worker = new UIWorker('resources/snap.js');
|
| + var scroller = document.getElementById('scroller');
|
| + worker.postMessage([
|
| + scroller.bindAnimatedProperty('scrollTop'),
|
| + ]);
|
| +}
|
| +
|
| +</script>
|
| +<div id="scroller" class="scroller" z-index="0" style="position: absolute">
|
| + <div id="scrolled" class="scrolled">
|
| + <div style="position: absolute">
|
| + <div class="halfspacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + <div class="spacer"></div>
|
| + <div class="pic"></div>
|
| + </div>
|
| + </div>
|
| +</div>
|
|
|
Chromium Code Reviews
Issue 474683003:
Not for review - Rebase of crrev.com/62833003
Base URL: svn://svn.chromium.org/blink/trunk