<html> <head> <title>Culling Test</title> <meta name="viewport" content="width=device-width"> </head> <body style="background:red" onload="loaded()"> <div style="height:390px; width:300px; overflow-y:hidden; background:red"> <div style="margin:15px; width:200px; height:40px; background:blue"></div> <div style="margin:15px; width:200px; height:40px; background:blue"></div> <div style="margin:15px; width:200px; height:40px; background:blue"></div> <div style="margin-top:15px; width:300px; height:40px; background:blue"></div> <div style="margin:15px; width:200px; height:40px; background:blue"></div> <div style="margin:15px; width:200px; height:40px; background:blue"></div> <div style="margin:15px; width:200px; height:40px; background:blue"></div> </div> <script> function loaded() { var scrollableDiv = document.querySelector("div"); scrollableDiv.scrollTop = 10; } </script> </body> </html>