vuetifyjs/vuetify

[Feature Request] Add mouse wheel gesture support for navigation in v-carousel / v-window

オープン

#22,893 opened on 2026/06/04

 (2 件のコメント) (0 件のリアクション) (0 人の担当者)TypeScript (7,139 件のフォーク)batch import
C: VCarouselT: featuregood first issue

Repository metrics

Stars
 (40,995 個のスター)
PR merge metrics
 (平均マージ 59d 10h) (30d で 8 merged PRs)

説明

Problem to solve

Currently, users can navigate the v-carousel using touch swipe gestures, navigation arrows, or pagination dots. However, desktop users frequently rely on their mouse wheel or trackpad scroll to navigate through horizontal galleries or sliding content.

When a desktop user hovers over a large carousel and instinctively scrolls their mouse wheel, nothing happens (or the whole page scrolls, depending on the layout). This breaks the expected user experience, especially in full-screen image galleries, presentations, or horizontal content sliders where mouse-wheel navigation is an industry standard. While touch devices are well-supported, desktop interaction feels incomplete without wheel support.

Proposed solution

I propose adding a native wheel event listener to the v-carousel (or the underlying v-window component) to allow users to scroll through items.

コントリビューターガイド