Slider Interaction Cross Fade Question

For some reason, whenever I change the animation type to “cross fade,” a delayed interaction occurs whenever I click the “Next” button within the slider. The same bug happens with the back button, but it’s worse. :confused:

Here’s an example:

The page on the live website is https://just-one-dime-members.webflow.io/checkout

And here’s the read-only link: https://preview.webflow.com/preview/just-one-dime-members?preview=04b6430c5d21e335270b7ddb33b9e43e

Please let me know if there’s a solution to this.

I really appreciate it,
Josiah

Hi @jkniep

Thanks so much for posting. This is expected behavior with the cross fade setting. When you have cross-fade selected, there is a slight delay in the opacity and display: none interactions when moving slides.

Hope this helps :slight_smile:

Thanks @Brando. That fixed the issue. :thumbsup: However, another issue is that when the form shrinks, it does it very jarringly. Is there a way to make the shrinking of the form content more smooth?

You may be able to set an interaction that will adjust the height of the form to auto over 100ms.

Another option is to set a defined height for the form so it doesn’t change size based on the slide content.

Hope this helps :slight_smile:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.