scroll_selection_into_view_window.html (2466B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Test for scrolling selection into view</title> 5 </head> 6 <body onload="opener.doTest();"> 7 8 <div id="c1" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:0;"> 9 <div style="height:400px;"></div> 10 <div><span id="target1" 11 style="display:inline-block; vertical-align:top; height:20px;"></span> 12 </div> 13 <div style="height:400px;"></div> 14 </div> 15 <div id="c2" style="overflow:hidden; width:200px; height:200px; position:absolute; top:200px; left:200px;"> 16 <div style="height:400px;"></div> 17 <div><span id="target2" 18 style="display:inline-block; vertical-align:top; height:20px;"></span> 19 </div> 20 <div style="height:400px;"></div> 21 </div> 22 <div id="c3" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:400px;"> 23 <div style="height:400px;"></div> 24 <div><span id="target3" 25 style="display:inline-block; vertical-align:top; height:300px;"></span> 26 </div> 27 <div style="height:400px;"></div> 28 </div> 29 <div id="c4" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:600px;"> 30 <iframe id="target4" style="border:none; width:100%; height:1100px; display:block;" 31 src="scroll_selection_into_view_window_frame.html"></iframe> 32 </div> 33 <div id="c5" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:0;"> 34 <div style="transform:translateY(400px); transform:translateY(400px)"> 35 <span id="target5" style="display:inline-block; vertical-align:top; height:20px;"></span> 36 </div> 37 <div style="height:800px;"></div> 38 </div> 39 <div id="c6" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:200px;"> 40 <div style="height:200px"></div> 41 <div style="height:100px; transform:scale(2); transform:scale(2)"> 42 <span id="target6" style="display:inline-block; vertical-align:top; height:20px;"></span> 43 </div> 44 <div style="height:800px;"></div> 45 </div> 46 <div id="c7" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:400px;"> 47 <div style="overflow:auto; height:200px; transform:translateY(400px); transform:translateY(400px)"> 48 <div style="height:200px;"></div> 49 <div> 50 <span id="target7" style="display:inline-block; vertical-align:top; height:20px;"></span> 51 </div> 52 <div style="height:800px;"></div> 53 </div> 54 <div style="height:800px;"></div> 55 </div> 56 57 </body> 58 59 </html>