Two additional ways of controlling a slider could be by scrolling and using the arrow keys on a keyboard while the mouse cursor hovers over a slider. I personally use the arrow keys often on sliders whenever possible.
Hi @JvP,
Thanks! We are going to experiment with using scrolling as an option in addition to dragging. We may be adding this, but I don’t know just yet. Arrow keys was meant to be working, but looks like it isn’t anymore. We’ll look into what’s going on there.
2 Likes
Hey @alexander, arrow key navigation now works in the RC, but you have to click on the slider first before you can use the arrow keys. Is that intentional behavior or could it also be made so that simply hovering over the slider allows arrow key navigation?
Scrolling hasn’t been implemented (yet)? I was looking for some examples and found this one: https://smartslider3.com/fullsize/
That slider can be controlled by scrolling, and after the last slide, you can scroll further down the page. It’s a cool effect that currently can’t be replicated with the new Slider element as far as I can tell.
Hi @JvP,
Yes, we opted to only invoke the arrow keys if the slider has been interacted with. This does include if any of the elements are focused. Scrolling should be working, but you need to enable Drag interactions first.
1 Like
Hey @alexander,
Unless I’m misunderstanding how the scrolling is supposed to work, I can’t seem to control a slider using the scroll wheel no matter what.
Regarding the arrow keys, sounds good 
It’s linked to native horizontal scrolling behavior of the browser. If you’re using a trackpad or a mouse that has multi axis scrolling like Apple’s Magic Mouse it should just work. If it’s a mouse with a scroll wheel, you may need to hold ctrl to flip the scroll axis.
Can’t get this to work. Holding control and scrolling zooms the browser in and out.
I’m sorry, it’s “shift” to swap the scroll axis of mouse wheels natively.
Pressing down on the scroll wheel works for navigation but scrolling the mouse wheel up or down doesn’t. Is that just not supported and I’m misunderstanding how this feature is supposed to work? The slider on the page I linked to earlier (https://smartslider3.com/fullsize/) let’s you scroll the mouse wheel up / down for navigation.
Hi @JvP,
It might not work on all devices then. We built it primarily so it would work with trackpads. We might revisit it in the future and add some options in the builder to enable scrolling, but for now we’re just going to go with the current implementation.
Alright, that’s fine. For what it’s worth, I’m using a good old fashioned mouse with a scroll wheel 