Transition type on Fullscreen slider Auto Scrolling
-
Hey Armin,
I've been looking deeply in the CSS but I couldn't find it: is there any to set the transition type for the Auto Scrolling on the Fullscreen cover? (ease, linear...)
Thanks a lot.
-
Hey!
Can be done like this with custom css:.fullpage-wrapper{ transition-timing-function: linear!important; -webkit-transition-timing-function: linear!important; }
Instead of "linear" you can also put a cubic bezier , thats a cool tool to create a cubic bezier: http://cubic-bezier.com/
Use google to find out more about cubic bezier :D
Here is a technical explanation https://developer.mozilla.org/en-US/docs/Web/CSS/timing-function -
Great! Thanks!
It wasn't working for me at the beginning, so I tried to change some options and I found out it doesn't work with the "Show a scroll bar" activated.
I'm using a cubic bezier, is really nice. :D
-
Hey Armin,
I just noticed this CSS is affecting to the transitions between pages too. Any way to avoid it?
Thanks!
-
arminunruh Global Moderatorwrote on Oct 25, 2016, 8:23 PM last edited by arminunruh Oct 25, 2016, 4:23 PM
Oh :(
I just looked at it and I think it's not easily possible to avoid that. :/
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