Laytheme carousel / having "mouse scroll" behaviour checked, but still be able to scroll text-slides vertically
-
Hello, it's me again.
Still trying to optimize the user experience on my website at the moment. Question: Is it possible to activate the "mouse scroll" behaviour in a laytheme carousel but still be able to scroll text-slides vertically?
For example on this project (http://neu.philipphannappel.de/ych-mif/) Mostly in the beginning of my projects I have a description that sometimes overflows. So I made it scroll on the y-axis. When I activate the scroll behaviour of the carousel I have to drag the scrollbar of the text to read it completely.
Isn't it possible to be able to have both? In my head it should be working to hover above the text, scroll to the end and continue scrolling the carousel... shouldn't it?!
-
A month ago I released a carousel update that now provides a transition type of horizontal scroll.
If you choose this type, you can scroll left and right on your trackpad to move the slider left and right, or swipe left and right on a touchpad.
This is just a normal left and right scroll. So theoretically, inside of this, a vertical scroll should also work.
By using the transition type slides/swipe: for this, what you want won't work.
-
Thanks @arminunruh for your response. Not sure if I understood your answer correctly.
In the project mentioned above I checked for testing the behaviour settings inside the carousel on "Loop" & "Mouse Scroll" and changed the settings in the Lay Options > Carousel Addon > Transition Type to "Horizontal Scroll". I think these are the settings you recommend?
Seems like the scroll activity is only behaving on the carousel, but not the text-slide inside. I have to point and click the scrollbar to get to the end of the text-slide. -
uhm
edit your existing carousel
set it to horizontal scroll here
in lay options → carousel addon → transition type
this just sets the default type when creating a new carousel
-
with this you can scroll your carousel left and right.
i think if texts are long in a carousel im not sure if they get scrollable
.lay-carousel-slide-text .slide-inner{
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}Enter this css in "lay options" -> "custom css & html" -> "custom css"
your carousel here: http://neu.philipphannappel.de/ych-mif/
it doesnt have the transition set to horizontal scroll as i suggested
-
Thanks @arminunruh,
your right. I forgot to change the setting inside the carousel. With these settings its working. But I just found out, that the scroll settings use a different kind of captions and don't center my slides so I get new problems :D I'll look for another solution. Thanks for your advice.
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
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