--- title: "How to change Carousel slides on mousewheel in WordPress?" url: https://nexterwp.com/docs/change-carousel-slides-on-mousewheel-in-wordpress/ date: 2023-02-17 modified: 2026-09-04 lang: en author: "Aditya Sharma" description: "Wheel Navigation lets visitors move between carousel slides using their mouse wheel or trackpad scroll instead of clicking arrows or dragging. LIVE BLOCK LINK What It Does The Carousel Anything..." image: https://nexterwp.com/wp-content/uploads/2024/05/change-carousel-slides-on-mousewheel-in-wordpress-1024x519.jpg word_count: 690 --- # How to change Carousel slides on mousewheel in WordPress? ## Key Takeaways - Carousel Anything block's Wheel Navigation toggle on the Carousel Options tab turns mouse wheel or trackpad scroll into next or previous slide navigation. - Wait For Transition holds off the next wheel-triggered advance until the current slide transition finishes, so rapid scrolling does not skip multiple slides. - Infinite Mode stays disabled with Wheel Navigation because the post says a looping carousel can produce unpredictable rapid cycling and unreliable wheel behavior. - Keyboard Navigation works alongside Wheel Navigation, so one carousel supports mouse wheel, keyboard, and touch or drag visitors at once. Wheel Navigation lets visitors move between carousel slides using their mouse wheel or trackpad scroll instead of clicking arrows or dragging. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-carousel-sliders/) ## What It Does The Carousel Anything block's Wheel Navigation toggle, on the Carousel Options tab, lets a scroll of the mouse wheel or trackpad advance the carousel to the next or previous slide. ## Why It Matters A full-screen or large carousel section can intercept a visitor's instinct to just keep scrolling the page. Wheel Navigation turns that instinct into the intended interaction instead of fighting it, which matters most for full-viewport carousel sections where the block fills the whole screen. ## What You Get A Wheel Navigation toggle plus a Wait For Transition toggle that holds off the next wheel-triggered advance until the current slide transition finishes, so rapid scrolling does not skip multiple slides at once. ## Benefits - Turns a natural scroll gesture into carousel navigation, which is more discoverable on desktop than hunting for small arrow icons. - Wait For Transition prevents the jarring effect of several slides flying past on one fast scroll gesture. - Works alongside Keyboard Navigation, so the same carousel can support mouse wheel, keyboard, and touch/drag visitors at once. ## Capabilities - **Wheel Navigation** – enables mouse wheel/trackpad scroll as a slide-advance trigger, found on the Carousel Options tab. - **Wait For Transition** – queues wheel input until the current slide animation completes, avoiding multi-slide skips. - **Keyboard Navigation (related)** – the sibling toggle for arrow-key control, documented separately, that can be combined with Wheel Navigation. ## How It Works With Wheel Navigation on, the block listens for wheel/scroll events over the carousel and converts each one into a next/previous slide command instead of letting the browser's normal page-scroll handle it. Infinite Mode should be disabled alongside Wheel Navigation, since a looping carousel combined with continuous wheel input can produce unpredictable rapid cycling. Wait For Transition adds a short lock so a new wheel event during an in-progress transition is ignored rather than queued into an instant multi-slide jump. ## How to Use It To enable the mouse wheel option, add the block to the page and follow the steps: 1. Create the slides in the **Content** tab. 2. From the **Carousel Options** tab, enable the **Wheel Navigation** toggle. ![Wheel Navigation toggle on the Carousel Anything block's Carousel Options tab](https://nexterwp.com/wp-content/uploads/2023/02/carousel-anything-wheel-navigation-new-one1.png)Enabling Wheel Navigation on the Carousel Options tab 3. Disable the **Infinite Mode** option so the mouse wheel functions properly. 4. Turn on **Wait For Transition** for a better user experience, so the mouse wheel only advances the carousel again once the current slide transition has completed. This is how you make a WordPress carousel slider navigate on the mouse wheel. You can add keyboard navigation to the same carousel as well to make it more accessible. [Learn the process](https://nexterwp.com/docs/keyboard-navigation-to-carousel-slider-in-wordpress/). ## Use Cases - A full-screen storytelling carousel where each mouse-wheel scroll should reveal the next slide, similar to a slide-deck presentation - A portfolio or case-study carousel where desktop visitors expect scroll-to-advance behavior - A carousel combined with Keyboard Navigation to cover mouse, trackpad, and keyboard visitors in one setup ## Limitations - Wheel Navigation is documented to work properly only with Infinite Mode disabled; leaving Infinite Mode on can produce unreliable wheel behavior. - Wheel/trackpad events are a desktop interaction; touch-only visitors will still rely on drag or the carousel's arrows/dots instead. - Without Wait For Transition enabled, a fast scroll gesture can visually skip through several slides before settling. ## Troubleshooting - **You can't find where "Mousewheel" or "Advanced Swiper" settings are located:** a reported case (ticket #21074, on TPAE's Elementor Carousel Anything widget rather than this Gutenberg block, disclosed as a different product with the same naming pattern) looked for these in a plugin-wide settings screen; on this block, the equivalent setting is named Wheel Navigation and lives directly on the Carousel Options tab. - **Scrolling the mouse wheel over the carousel jumps through multiple slides at once:** enable Wait For Transition so a new wheel event is ignored until the current slide animation finishes. - **Wheel Navigation behaves unpredictably or cycles rapidly:** confirm Infinite Mode is turned off; the block's own guidance is that Infinite Mode should stay disabled for Wheel Navigation to function properly. Return to the [Carousel Anything overview](https://nexterwp.com/docs/add-carousel-anything-in-wordpress/) for the block's full capability list.