405952-1-ref.html (904B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <style> 5 .container { margin-top:1em; background:yellow; width:100px; } 6 .content { width:100px; height:60px; } 7 .scroll-in { overflow:scroll; } 8 .scroll { overflow-x:scroll; width:200px; } 9 .over { height:50px; } 10 body { margin:0; position:absolute; clip: rect(0 100px auto 0); } 11 </style> 12 </head> 13 <body> 14 15 <div class="container"> 16 <div class="content"></div> 17 </div> 18 <div class="container scroll"> 19 <div class="content"></div> 20 </div> 21 <div class="container scroll-in over"> 22 <div class="content"></div> 23 </div> 24 <div class="container scroll over"> 25 <div class="content"></div> 26 </div> 27 28 <div class="container"> 29 <div class="content"></div> 30 </div> 31 <div class="container scroll"> 32 <div class="content"></div> 33 </div> 34 <div class="container scroll-in over"> 35 <div class="content"></div> 36 </div> 37 <div class="container scroll over"> 38 <div class="content"></div> 39 </div> 40 41 </body> 42 </html>