<style>
#container {
  height: 500px;
  width: 500px;
  overflow: scroll;
  border: 1px solid black;
}

.nested {
  height: 300px;
  background-color: cyan;
}

.scrolly {
  width: 100px;
  height: 600px;
  background-color: blue;
  border-bottom: 10px solid green;
}

.relative {
  bottom: 0px;
  position: relative;
  width: 100px;
  height: 110px;
  background-color: yellow;
}

</style>
PASS if the green border is visible at the bottom of the red box.
<div id=container>
  <div class=nested>
      <div class=scrolly></div>
      <div class=relative></div>
  </div>
</div>

<script>
container.scrollTo(0, 240);
</script>