본문으로 건너뛰기
Version: Next

Using Side Wheel

You can move conveyer by using the mouse wheel in a direction aside from the scroll direction.

If the useSideWheel option is set to true, horizontal conveyer can be moved with the vertical mouse wheel and the vertical conveyer can be moved with the horizontal mouse wheel.

PropertyTypeDescription
useSideWheelbooleanWhether to use the mouse wheel in a direction aside from the scroll direction (default: false)
1
2
3
4
5
6
7
8
9
10
<div class="examples">
<div class="items horizontal">
<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 class="item">8</div>
<div class="item">9</div>
<div class="item">10</div>
</div>
</div>
import Conveyer from "@egjs/conveyer";

const conveyer = new Conveyer(".items", {
useSideWheel: true,
});