<!DOCTYPE html>
<html>
    <style>
        #container {
            position: relative;
            top: 412px;
        }
        #x {
            background: green;
            width: 100px;
            height: 100px;
            filter: drop-shadow(0 100px);
        }
        body {
            height: 3000px;
        }
    </style>
    <body>
        <div id=container>
            You should see a green square box and a black square box.
            <div id=x></div>
        </div>
    </body>
    <script>
        scrollTo(0, 412);
    </script>
</html>