40 lines
852 B
HTML
40 lines
852 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.container {
|
|
width: 100px;
|
|
height: 100px;
|
|
overflow-y: scroll;
|
|
background: lightgreen;
|
|
display: inline-block;
|
|
}
|
|
</style>
|
|
|
|
<div class="container">
|
|
<div style="height: calc(300px + 50px + 10.10px);"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div style="height: calc(300px + 50px + 10.25px);"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div style="height: calc(300px + 50px + 10.50px);"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div style="height: calc(300px + 50px + 10.75px);"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div style="height: calc(300px + 50px + 10.90px);"></div>
|
|
</div>
|
|
|
|
<script>
|
|
window.onload = function() {
|
|
var containers = document.getElementsByClassName('container');
|
|
for (let i = 0; i < containers.length; i++) {
|
|
containers[i].scrollTo(0, 20);
|
|
}
|
|
};
|
|
</script>
|
|
</html>
|