OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 .trigger { | |
6 width: 200px; | |
7 height: 200px; | |
8 background-color: blue; | |
9 -webkit-transform: translateZ(0); | |
10 } | |
11 | |
12 .overflow-scrolling-touch { | |
13 width: 200px; | |
14 height: 200px; | |
15 position: absolute; | |
16 top: 0px; | |
17 left: 0px; | |
18 overflow: scroll; | |
19 -webkit-overflow-scrolling: touch; | |
20 background-color: blue; | |
21 } | |
22 | |
23 .content { | |
24 width: 1000px; | |
25 height: 1000px; | |
26 position: relative; | |
27 top: 50px; | |
28 left: 50px; | |
29 background-color: green; | |
30 } | |
31 </style> | |
32 | |
33 <script type="text/javascript" charset="utf-8"> | |
34 if (window.layoutTestController) { | |
35 layoutTestController.dumpAsText(); | |
36 layoutTestController.waitUntilDone(); | |
37 } | |
38 | |
39 function doTest() | |
40 { | |
41 if (window.layoutTestController) { | |
42 document.getElementById('layers').innerText = window.internals.layerTree
AsText(document); | |
43 layoutTestController.notifyDone(); | |
44 } | |
45 } | |
46 | |
47 window.addEventListener('load', doTest, false); | |
48 </script> | |
49 </head> | |
50 | |
51 <body> | |
52 <div class="trigger"></div> | |
53 | |
54 <div class="overflow-scrolling-touch"> | |
55 <div class="content"></div> | |
56 </div> | |
57 | |
58 <pre id="layers">Layer tree goes here in DRT</pre> | |
59 </body> | |
60 </html> | |
61 | |
OLD | NEW |