Carousel: enable only horizontal scroll
-
Hi community,
is it possible to only set horizontal scroll for a carousel with multiple elements, while preventing vertical scrolling?
I assigned my carousel a
projectMediaCarousel
class and tried this unsuccessfully:.projectMediaCarousel { overflow-x: auto; overflow-y: hidden; }
Thank you very much!
-
why dont u want to just use the normal swipe slideshow why does it have to be left and right scrollable?
at the moment sth like this is not possible
-
Because I run into trouble with vertical scroll on this page...
... and it gives possibility for interaction when autoplay is not desired.
Do you think a custom solution with JavaScript etc. would be possible?
-
what is the problem you run into there?
well it would have to be a container with overflow-scroll: x. it just needs to contain some images that are all set to a specific height like 600px for example. the container needs to be width: 100%;
that doesnt even need any carousel javascript to do this.
maybe you can custom code it with some css and custom html added with +more → +html
i will write this down also but i dont know when i have time to work on this
-
but many people cant scroll horizontally unless they have a touchpad OR unless you have a scrollbar on a container
cause for example how will someone scroll through the images who visits your page on a windows desktop computer with just a normal mouse
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it