OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <style> | 2 <style> |
3 #proxied { | 3 #proxied { |
4 width: 50px; | 4 width: 50px; |
5 height: 50px; | 5 height: 50px; |
6 background: papayawhip; | 6 background: papayawhip; |
7 } | 7 } |
8 #proxied-scroller { | 8 #proxied-scroller { |
9 width: 100px; | 9 width: 100px; |
10 height: 100px; | 10 height: 100px; |
11 overflow: scroll; | 11 overflow: scroll; |
12 border: 1px solid black; | 12 border: 1px solid black; |
13 } | 13 } |
14 #scrolled { | 14 #scrolled { |
15 width: 50px; | 15 width: 50px; |
16 height: 1000px; | 16 height: 1000px; |
17 background: papayawhip; | 17 background: papayawhip; |
18 } | 18 } |
19 #tall { | 19 #tall { |
20 width: 50px; | 20 width: 50px; |
21 height: 2000px; | 21 height: 2000px; |
22 background: papayawhip; | 22 background: papayawhip; |
23 } | 23 } |
24 | 24 |
25 </style> | 25 </style> |
26 <div id="proxied"></div> | 26 <div id="proxied-transform"></div> |
| 27 <div id="proxied-opacity"></div> |
27 <div id="proxied-scroller"> | 28 <div id="proxied-scroller"> |
28 <div id="scrolled"></div> | 29 <div id="scrolled"></div> |
29 </div> | 30 </div> |
30 <div id="tall"></div> | 31 <div id="tall"></div> |
31 <script> | 32 <script> |
32 var proxy1 = new CompositorProxy(document.getElementById('proxied'), ['transform
']); | 33 var proxy1 = new CompositorProxy(document.getElementById('proxied-transform'), [
'transform']); |
33 var proxy2 = new CompositorProxy(document.getElementById('proxied-scroller'), ['
scrollLeft', 'scrollTop']); | 34 var proxy2 = new CompositorProxy(document.getElementById('proxied-opacity'), ['o
pacity']); |
34 var proxy3 = new CompositorProxy(document.scrollingElement, ['scrollLeft', 'scro
llTop']); | 35 var proxy3 = new CompositorProxy(document.getElementById('proxied-scroller'), ['
scrollLeft', 'scrollTop']); |
| 36 var proxy4 = new CompositorProxy(document.scrollingElement, ['scrollLeft', 'scro
llTop']); |
35 </script> | 37 </script> |
OLD | NEW |