| <html> |
| <head> |
| <style> |
| ::-webkit-scrollbar { |
| width: 0px; |
| height: 0px; |
| } |
| </style> |
| <script src="../../../resources/js-test.js"></script> |
| <script> |
| window.enablePixelTesting = true; |
| |
| function scroll() { |
| // Scrolls so that unscaled content is out of view |
| window.scrollTo(100,100); |
| } |
| |
| function applyScaleFactor() { |
| var scaleFactor = 2.0; |
| if (window.internals) |
| internals.setPageScaleFactor(scaleFactor); |
| } |
| |
| function test() { |
| if (window.internals) |
| internals.settings.setScrollAnimatorEnabled(false); |
| |
| // Scroll before applying page scale so we scroll the layout viewport. |
| scroll(); |
| applyScaleFactor(); |
| } |
| </script> |
| </head> |
| <body style="height:2000px; width: 2000px; margin:0px;" onload="test();"> |
| <div style="position: fixed; top: -100px; right: 500px; z-index: 1"> |
| <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div> |
| <div style="left:100px; top:0; width:100px; height:100px; position:absolute; background:green;"></div> |
| |
| <div style="left:0; top:100px; width:100px; height:100px; position:absolute; background:black;"></div> |
| <div style="left:100px; top:100px; width:100px; height:100px; position:absolute; background:blue;"></div> |
| </div> |
| <div style="position: absolute; width:300px; height:300px; top: 0px; left: 300px" id="grid"> |
| <div style="float:left; width:100px; height:100px; background:yellow;"></div> |
| <div style="float:left; width:100px; height:100px; background:green;"></div> |
| <div style="float:left; width:100px; height:100px; background:blue;"></div> |
| |
| <div style="float:left; width:100px; height:100px; background: green;"></div> |
| <div style="float:left; width:100px; height:100px; background:blue;"></div> |
| <div style="float:left; width:100px; height:100px; background:yellow;"></div> |
| |
| <div style="float:left; width:100px; height:100px; background:blue;"></div> |
| <div style="float:left; width:100px; height:100px; background:yellow;"></div> |
| <div style="float:left; width:100px; height:100px; background:green;"></div> |
| </div> |
| <div id="console"></div> |
| </body> |
| </html> |