--- 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-21 lang: en author: "Aditya Sharma" description: "Reaching for a small arrow with the mouse is a deliberate act. Scrolling is something people are already doing, which makes it a tempting way to move a carousel. It..." image: https://nexterwp.com/wp-content/uploads/2024/05/change-carousel-slides-on-mousewheel-in-wordpress-1024x519.jpg word_count: 546 --- # How to change Carousel slides on mousewheel in WordPress? ## Key Takeaways - Carousel Anything en Nexter Blocks Pro activa el desplazamiento con rueda y, en una página publicada, escribe wheel: true y releaseWheel: true en la configuración del carrusel. - releaseWheel devuelve el scroll a la página al llegar a los extremos, pero si loop está activado el carrusel puede impedir salir porque nunca alcanza un final. - Carousel Anything no funciona en móvil ni en tablet, y el texto recomienda mantener flechas o puntos visibles porque el gesto de rueda no puede ser la única forma de navegación. Reaching for a small arrow with the mouse is a deliberate act. Scrolling is something people are already doing, which makes it a tempting way to move a carousel. It is also the setting most likely to annoy, because the page scroll and the carousel scroll are the same gesture. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-carousel-sliders/) ## Before You Start - **Edition:** **Pro** — the Carousel Anything block needs Nexter Blocks Pro.- **Block to enable:** Carousel Anything, switched on under **Nexter > Blocks** in your WordPress dashboard.- A **Carousel Anything** block with several slides — see the [Carousel Anything guide](https://nexterwp.com/docs/add-carousel-anything-in-wordpress/).- **Test with several slides.** A carousel with one slide has nothing to move to, so most settings will look broken when they are simply idle. ## Steps - Select your **Carousel Anything** block. ![The mousewheel setting](https://nexterwp.com/wp-content/uploads/2023/02/carousel-anything-wheel-navigation-new-one1.png) - Switch **mousewheel** on. - Publish and scroll over the carousel with a real mouse. - Scroll past it as well, to check the page still scrolls normally. ## How It Behaves One setting produces two entries in the carousel configuration. - **Measured on a published page:** switching mousewheel on rendered both `wheel: true` and `releaseWheel: true`; with it off, both were `false`.- **The release setting is what lets the page keep scrolling.** With it on, the carousel takes the wheel while it has slides left in that direction and hands it back at the ends, so the visitor is not trapped.- **It applies to the wheel only.** Touch swiping is a separate setting and is unaffected.- **It pairs badly with a vertical carousel**, because then both the page and the carousel move in the same axis — see the [vertical carousel guide](https://nexterwp.com/docs/vertical-wordpress-carousel-slider/).- **Every setting ends up in one place.** The block writes its whole configuration into a `data-splide` attribute on the carousel, which is what the slider script reads. If a setting is not doing what you expect, that attribute is where to look.- **Measured with Nexter Blocks Pro deactivated:** the carousel renders nothing at all — no wrapper, no configuration and no slides. This is a Pro-only block. ## Limitations - **Pro only** — measured with Nexter Blocks Pro deactivated, nothing renders.- **It hijacks a gesture people rely on.** A visitor scrolling down the page will hit the carousel and move it instead, which is disorienting the first time.- **It does nothing on a phone or tablet**, so it can never be the only way to navigate.- **Trackpads are very sensitive.** What is one click of a wheel can be several slides of a trackpad flick.- **Keep arrows or dots visible as well**, so there is an obvious control for everyone else. ## Troubleshooting ### Scrolling does nothing Check the setting is on and Nexter Blocks Pro is active. Measured, the setting renders `wheel: true` in the carousel configuration. ### I get stuck and cannot scroll past the carousel Measured, the block also sets `releaseWheel`, which hands scrolling back at the ends. If you are stuck, the carousel is probably looping, so it never reaches an end — switch loop off, or switch mousewheel off. ### It skips several slides at once That is a trackpad sending many small scroll events. There is no sensitivity setting; consider whether mousewheel is worth it for your visitors. ### It does not work on mobile Expected — there is no wheel on a touch screen. Swiping is separate. ## Related Docs - [Keyboard navigation for a carousel slider](https://nexterwp.com/docs/keyboard-navigation-to-carousel-slider-in-wordpress/)- [Vertical WordPress carousel slider](https://nexterwp.com/docs/vertical-wordpress-carousel-slider/)- [Add Carousel Anything in WordPress](https://nexterwp.com/docs/add-carousel-anything-in-wordpress/)- [Advanced tab settings](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: What do I need before turning mousewheel scrolling on for a carousel in WordPress?** A: Nexter Blocks Pro is the key requirement, because the Carousel Anything block is Pro-only and renders nothing when Pro is deactivated. You also need a Carousel Anything block with several slides, since a one-slide carousel has nowhere to move. That matters because a single slide can make the feature look broken when it is just idle. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides the Carousel Anything block for this setup. **Q: Why does scrolling over the carousel move the slider instead of the page?** A: Mousewheel turns the wheel gesture into carousel navigation, so the slider takes over while it still has slides left in that direction. The page only gets scrolling back at the ends because releaseWheel is enabled too. That behavior is intentional and explains why it can feel intrusive at first. On a published page, switching mousewheel on produced both wheel: true and releaseWheel: true in the carousel configuration. **Q: How do I stop getting stuck inside a mousewheel carousel?** A: Looping is the usual reason. The block hands scrolling back at the ends through releaseWheel, but if loop stays on, the carousel may never reach an end and keep trapping the wheel gesture. Turning loop off or switching mousewheel off fixes that conflict. This is one of those cases where infinite motion looks smooth but breaks normal page scrolling. **Q: Does mousewheel scrolling work on mobile or tablet?** A: It does not work on touch screens because there is no wheel gesture to capture. The page treats swiping as a separate setting, so mobile navigation depends on swipe behavior instead of mousewheel. That means mousewheel should never be your only way to move through slides if mobile visitors matter. Keep arrows or dots visible so there is always another control. **Q: Is mousewheel a good idea for vertical carousels?** A: It pairs badly with a vertical carousel because both the page and the carousel move on the same axis. That creates competing vertical motion, which makes it harder for visitors to know whether they are scrolling the page or advancing slides. The [vertical carousel guide](https://nexterwp.com/docs/vertical-wordpress-carousel-slider/) is the relevant reference if you are comparing layouts. **Q: Why does a trackpad skip several slides at once in a mousewheel carousel?** A: Trackpads send many small scroll events very quickly, so one flick can advance more than one slide. There is no sensitivity setting in this block, which means you cannot tune that behavior down inside the control itself. For that reason, mousewheel works better with physical mice than with trackpads when precise slide-by-slide movement matters.