OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 margin: 0px; | 6 margin: 0px; |
7 overflow:hidden; | 7 overflow:hidden; |
8 } | 8 } |
9 | 9 |
10 #outer-scrollable { | 10 #outer-scrollable { |
(...skipping 21 matching lines...) Expand all Loading... |
32 width: 300px; | 32 width: 300px; |
33 height: 300px; | 33 height: 300px; |
34 background-color: blue; | 34 background-color: blue; |
35 margin: 0px; | 35 margin: 0px; |
36 -webkit-transform:translateZ(0); | 36 -webkit-transform:translateZ(0); |
37 } | 37 } |
38 </style> | 38 </style> |
39 <script> | 39 <script> |
40 function doTest() { | 40 function doTest() { |
41 if (window.testRunner) | 41 if (window.testRunner) |
42 testRunner.dumpAsText(true); | 42 testRunner.dumpAsTextWithPixelResults(); |
43 | 43 |
44 // This test succeeds if the scrollbars on the inner-scrollable | 44 // This test succeeds if the scrollbars on the inner-scrollable |
45 // are positioned properly. | 45 // are positioned properly. |
46 var scroller = document.getElementById("outer-scrollable"); | 46 var scroller = document.getElementById("outer-scrollable"); |
47 scroller.scrollTop = 100; | 47 scroller.scrollTop = 100; |
48 } | 48 } |
49 window.addEventListener("load", doTest, false); | 49 window.addEventListener("load", doTest, false); |
50 </script> | 50 </script> |
51 </head> | 51 </head> |
52 <body> | 52 <body> |
53 <div id="outer-scrollable"> | 53 <div id="outer-scrollable"> |
54 <div id="tall"> | 54 <div id="tall"> |
55 <div id="inner-scrollable"> | 55 <div id="inner-scrollable"> |
56 <div id="content"></div> | 56 <div id="content"></div> |
57 </div> | 57 </div> |
58 </div> | 58 </div> |
59 </div> | 59 </div> |
60 </body> | 60 </body> |
61 </html> | 61 </html> |
OLD | NEW |