blob: e20aaeae674d47473adc4fd7ff144954583593f5 [file] [log] [blame]
<style>
.container {
width: 300px;
overflow: hidden;
font-size: 20px;
font-family: Ahem;
}
#flexBox {
display: flex;
overflow: scroll;
margin-inline-end: -300px;
padding-inline-end: 300px;
}
.item {
flex-shrink: 0;
width: 300px;
height: 100px;
}
.hide_scrollbar {
position: absolute;
background-color: white;
width: 500px;
height: 50px;
left: 0px;
top: 100px;
}
</style>
<!-- PASS if visible -->
<div class="container"><div id=flexBox><div class=item></div><div class=item>PASS</div></div></div>
<div class=hide_scrollbar></div>
<script>
flexBox.scrollTo(300, 0);
</script>