Streaming live at 10am (PST)

Slider Interaction Cross Fade Question


#1

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


#2

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:


#3

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?


#4

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:


#5

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