New text appears in the middle rather than sliding up from the bottom #2263
Unanswered
YuliyaMinsk
asked this question in
Support
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello guys, I'm implementing a text slider using @react-spring/web where each slogan should slide up from below the visible area into the center and then continue sliding up until it exits the visible area, making room for the next slogan. I've configured the useTransition hook to animate the entrance and exit of each slogan based on an array of items.
The exit animation works as expected, with the current slogan sliding up and fading out correctly. However, the problem arises with the entrance animation of each new slogan: instead of sliding up from the bottom, each new slogan seems to abruptly appear or "fade in" at the center without the intended sliding motion from below.
The expected behavior is for each slogan to smoothly transition into view from the bottom, but currently, they seem to just "pop up" or fade in without moving upwards from below. Could anyone suggest what might be causing this issue or how to ensure the new slogan animates into view from the bottom as intended?
Beta Was this translation helpful? Give feedback.
All reactions