Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(162)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/workers/bubble2.html

Issue 474683003: Not for review - Rebase of crrev.com/62833003 Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: . Created 6 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/fast/workers/bubble.html ('k') | LayoutTests/fast/workers/jank.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE HTML>
2 <link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel= 'stylesheet' type='text/css'>
3 <style>
4
5 .card {
6 position: absolute;
7 left: 10px;
8 top: 10px;
9 width: 200px;
10 height: 200px;
11 background: #736F68;
12 color: #D9CCC5;
13 padding: 20px;
14 font-family: 'IM Fell Great Primer SC', serif;
15 font-size: 3em;
16 border-radius: 5px;
17 -webkit-transform: translateZ(0);
18 }
19
20 body {
21 background: #212126;
22 }
23
24 #raf {
25 position: absolute;
26 left: 700px;
27 top: 10px;
28 background: #826B54;
29 }
30
31 .scroller {
32 top: 500px;
33 width: 500px;
34 height: 700px;
35 border: 2px solid black;
36 overflow-y: scroll;
37 background: #736F68;
38 }
39
40 .bubbler {
41 position: absolute;
42 z-index: 0;
43 width: 700px;
44 height: 1000px;
45 border: 2px solid black;
46 overflow: scroll;
47 background: #235274;
48 }
49
50 .spacer {
51 width: 5000px;
52 height: 1000px;
53 position: absolute;
54 top: 2000px;
55 }
56
57 .scrolled {
58 width: 2000px;
59 height: 9000px;
60 color: #D9CCC5;
61 padding: 20px;
62 font-family: 'IM Fell Great Primer SC', serif;
63 font-size: 3em;
64 }
65
66 </style>
67 <script>
68 var worker = null;
69
70 onload = function() {
71 // Set up worker rAF animation.
72 worker = new UIWorker('resources/bubble2.js');
73 var scroller = document.getElementById('scroller');
74 var img = document.getElementById('img');
75 worker.postMessage([
76 scroller.bindAnimatedProperty('scrollTop'),
77 scroller.bindAnimatedProperty('pendingScrollDelta'),
78 img.bindAnimatedProperty('transform')
79 ]);
80
81 worker2 = new UIWorker('resources/bubble2_jank.js');
82 var spinner = document.getElementById('spinner');
83 //worker2.postMessage([
84 // scroller.bindAnimatedProperty('scrollTop'),
85 // scroller.bindAnimatedProperty('pendingScrollDelta'),
86 // img.bindAnimatedProperty('transform')
87 //]);
88 worker2.postMessage([
89 spinner.bindAnimatedProperty('transform'),
90 spinner.bindAnimatedProperty('opacity')
91 ]);
92 }
93
94 </script>
95 <div id="bubbler" class="bubbler">
96 <div id="scroller" class="scroller" z-index="0" style="position: absolute">
97 <div id="scrolled" class="scrolled">
98 <img id="img" src='http://wvs.topleftpixel.com/photos/scotia_plaza_tall_stit ched.jpg' z-index="-1" style="position: absolute; transform: translateY(0)"/>
99 <div style="position: absolute">
100 This<p />stuff<p />is<p />totally<p />scrolled!
101 <p />This<p />stuff<p />is<p />totally<p />scrolled!
102 <p />This<p />stuff<p />is<p />totally<p />scrolled!
103 <p />This<p />stuff<p />is<p />totally<p />scrolled!
104 <p />This<p />stuff<p />is<p />totally<p />scrolled!
105 <p />This<p />stuff<p />is<p />totally<p />scrolled!
106 <p />This<p />stuff<p />is<p />totally<p />scrolled!
107 <p />This<p />stuff<p />is<p />totally<p />scrolled!
108 <p />This<p />stuff<p />is<p />totally<p />scrolled!
109 <p />This<p />stuff<p />is<p />totally<p />scrolled!
110 <p />This<p />stuff<p />is<p />totally<p />scrolled!
111 <p />This<p />stuff<p />is<p />totally<p />scrolled!
112 <p />This<p />stuff<p />is<p />totally<p />scrolled!
113 <p />This<p />stuff<p />is<p />totally<p />scrolled!
114 <p />This<p />stuff<p />is<p />totally<p />scrolled!
115 <p />This<p />stuff<p />is<p />totally<p />scrolled!
116 <p />This<p />stuff<p />is<p />totally<p />scrolled!
117 <p />This<p />stuff<p />is<p />totally<p />scrolled!
118 <p />This<p />stuff<p />is<p />totally<p />scrolled!
119 <p />This<p />stuff<p />is<p />totally<p />scrolled!
120 <p />This<p />stuff<p />is<p />totally<p />scrolled!
121 <p />This<p />stuff<p />is<p />totally<p />scrolled!
122 <p />This<p />stuff<p />is<p />totally<p />scrolled!
123 <p />This<p />stuff<p />is<p />totally<p />scrolled!
124 <p />This<p />stuff<p />is<p />totally<p />scrolled!
125 <p />This<p />stuff<p />is<p />totally<p />scrolled!</div>
126 </div>
127 </div>
128 <div id="spacer" class="spacer"></div>
129 </div>
130 <div id="spinner" class="card">Hello, World!</div>
OLDNEW
« no previous file with comments | « LayoutTests/fast/workers/bubble.html ('k') | LayoutTests/fast/workers/jank.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698