OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | |
4 ::-webkit-scrollbar { | |
5 width: 0px; | |
6 height: 0px; | |
7 } | |
8 </style> | |
9 <script> | 3 <script> |
10 window.enablePixelTesting = true; | 4 window.enablePixelTesting = true; |
11 | 5 |
12 function scroll() { | 6 function scroll() { |
13 window.scrollTo(0, 100); | 7 window.scrollTo(0, 100); |
14 var frame = document.getElementById('frame'); | 8 var frame = document.getElementById('frame'); |
15 frame.contentDocument.scrollingElement.scrollTop = 100; | 9 frame.contentDocument.scrollingElement.scrollTop = 100; |
16 frame.contentDocument.scrollingElement.scrollLeft = 100; | 10 frame.contentDocument.scrollingElement.scrollLeft = 100; |
17 | 11 |
18 shouldBe("frame.contentDocument.scrollingElement.scrollTop", "100"); | 12 shouldBe("frame.contentDocument.scrollingElement.scrollTop", "100"); |
(...skipping 17 matching lines...) Expand all Loading... |
36 </script> | 30 </script> |
37 <script src="../../resources/js-test.js"></script> | 31 <script src="../../resources/js-test.js"></script> |
38 </head> | 32 </head> |
39 <body onload="test();" style="width: 4000px; height: 4000px"> | 33 <body onload="test();" style="width: 4000px; height: 4000px"> |
40 <iframe id="frame" style="width:400px; height: 400px; position: absolute; to
p: 100px;"></iframe> | 34 <iframe id="frame" style="width:400px; height: 400px; position: absolute; to
p: 100px;"></iframe> |
41 <div id="console"></div> | 35 <div id="console"></div> |
42 | 36 |
43 <script> | 37 <script> |
44 var frame = document.getElementById('frame'); | 38 var frame = document.getElementById('frame'); |
45 var doc = frame.contentDocument.open(); | 39 var doc = frame.contentDocument.open(); |
| 40 doc.write("<style>::-webkit-scrollbar {width: 0px;height: 0px;}</style>"
); |
46 doc.write("<div style='left:0; top:0; width:100px; height:100px; positio
n:absolute; background:yellow;'></div>"); | 41 doc.write("<div style='left:0; top:0; width:100px; height:100px; positio
n:absolute; background:yellow;'></div>"); |
47 doc.write("<div style='left:100px; top:0; width:100px; height:100px; pos
ition:absolute; background:green;'></div>"); | 42 doc.write("<div style='left:100px; top:0; width:100px; height:100px; pos
ition:absolute; background:green;'></div>"); |
48 doc.write("<div style='left:200px; top:0; width:100px; height:100px; pos
ition:absolute; background:blue;'></div>"); | 43 doc.write("<div style='left:200px; top:0; width:100px; height:100px; pos
ition:absolute; background:blue;'></div>"); |
49 doc.write("<div style='left:300px; top:0; width:100px; height:100px; pos
ition:absolute; background:green;'></div>"); | 44 doc.write("<div style='left:300px; top:0; width:100px; height:100px; pos
ition:absolute; background:green;'></div>"); |
50 doc.write("<div style='left:400px; top:0; width:100px; height:100px; pos
ition:absolute; background:blue;'></div>"); | 45 doc.write("<div style='left:400px; top:0; width:100px; height:100px; pos
ition:absolute; background:blue;'></div>"); |
51 | 46 |
52 doc.write("<div style='left:0; top:100px; width:100px; height:100px; pos
ition:absolute; background: green;'></div>"); | 47 doc.write("<div style='left:0; top:100px; width:100px; height:100px; pos
ition:absolute; background: green;'></div>"); |
53 doc.write("<div style='left:100px; top:100px; width:100px; height:100px;
position:absolute; background:blue;'></div>"); | 48 doc.write("<div style='left:100px; top:100px; width:100px; height:100px;
position:absolute; background:blue;'></div>"); |
54 doc.write("<div style='left:200px; top:100px; width:100px; height:100px;
position:absolute; background:green;'></div>"); | 49 doc.write("<div style='left:200px; top:100px; width:100px; height:100px;
position:absolute; background:green;'></div>"); |
55 doc.write("<div style='left:300px; top:100px; width:100px; height:100px;
position:absolute; background:blue;'></div>"); | 50 doc.write("<div style='left:300px; top:100px; width:100px; height:100px;
position:absolute; background:blue;'></div>"); |
56 doc.write("<div style='left:400px; top:100px; width:100px; height:100px;
position:absolute; background:green;'></div>"); | 51 doc.write("<div style='left:400px; top:100px; width:100px; height:100px;
position:absolute; background:green;'></div>"); |
57 doc.close(); | 52 doc.close(); |
58 frame.contentDocument.body.style.width = "2000px"; | 53 frame.contentDocument.body.style.width = "2000px"; |
59 frame.contentDocument.body.style.height = "2000px"; | 54 frame.contentDocument.body.style.height = "2000px"; |
60 </script> | 55 </script> |
61 </body> | 56 </body> |
62 </html> | 57 </html> |
OLD | NEW |