2024-02-09 20:14:53 +03:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<link rel="match" href="reference/scroll-using-mousewheel-event-ref.html" />
|
|
|
|
|
<style>
|
|
|
|
|
.scrollable {
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 300px;
|
2024-02-15 23:12:50 +03:00
|
|
|
scrollbar-width: none;
|
2024-02-09 20:14:53 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.item {
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 100px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<div class="scrollable">
|
|
|
|
|
<div class="item">1</div>
|
|
|
|
|
<div class="item">2</div>
|
|
|
|
|
<div class="item">3</div>
|
|
|
|
|
<div class="item">4</div>
|
|
|
|
|
<div class="item">5</div>
|
|
|
|
|
<div class="item">6</div>
|
|
|
|
|
<div class="item">7</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
internals.wheel(10, 10, 0, 100);
|
|
|
|
|
</script>
|
