41 lines
625 B
HTML
41 lines
625 B
HTML
|
<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>
|