<!DOCTYPE HTML> <html> <head> <style> .container { margin-top:1em; background:yellow; width:100px; } .content { width:100px; height:60px; } .scroll-in { overflow:scroll; } .scroll { overflow-x:scroll; width:200px; } .over { height:50px; } body { margin:0; position:absolute; clip: rect(0 100px auto 0); } </style> </head> <body> <div class="container"> <div class="content"></div> </div> <div class="container scroll"> <div class="content"></div> </div> <div class="container scroll-in over"> <div class="content"></div> </div> <div class="container scroll over"> <div class="content"></div> </div> <div class="container"> <div class="content"></div> </div> <div class="container scroll"> <div class="content"></div> </div> <div class="container scroll-in over"> <div class="content"></div> </div> <div class="container scroll over"> <div class="content"></div> </div> </body> </html>