element_outside_viewport.html (1294B)
1 <!DOCTYPE html> 2 <style> 3 div { 4 position: absolute; 5 width: 100px; 6 height: 100px; 7 } 8 .top { background-color: red; } 9 #top-70 { left: 80px; top: 0; } 10 #top-50 { left: 190px; top: 20px; } 11 #top-30 { left: 300px; top: 40px; } 12 13 .right { background-color: black; } 14 #right-70 { top: 80px; right: -140px;} 15 #right-50 { top: 190px; right: -120px;} 16 #right-30 { top: 300px; right: -100px;} 17 18 .bottom { background-color: blue; } 19 #bottom-70 { right: -50px; bottom: -140px; } 20 #bottom-50 { right: 60px; bottom: -120px; } 21 #bottom-30 { right: 170px; bottom: -100px; } 22 23 .left { background-color: green; } 24 #left-70 { bottom: -50px; left: 0; } 25 #left-50 { bottom: 60px; left: 20px; } 26 #left-30 { bottom: 170px; left: 40px; } 27 </style> 28 <body onload="window.scrollTo(70, 70);"> 29 <div id="top-70" class="top"></div> 30 <div id="top-50" class="top"></div> 31 <div id="top-30" class="top"></div> 32 <div id="right-70" class="right"></div> 33 <div id="right-50" class="right"></div> 34 <div id="right-30" class="right"></div> 35 <div id="bottom-70" class="bottom"></div> 36 <div id="bottom-50" class="bottom"></div> 37 <div id="bottom-30" class="bottom"></div> 38 <div id="left-70" class="left"></div> 39 <div id="left-50" class="left"></div> 40 <div id="left-30" class="left"></div> 41 </body>