AnimatePresence не уступит скрытую CSS переполнение ⇐ CSS

[Anonymous]

Я пытаюсь построить текстовый ползунок, который на неопределенный срок проскальзывает текст сверху донизу, я пытался подождать, он медленный и синхронизированный, у которых были некоторые проблемы с макетом, когда текст (первоначальный) выходит за рамки того места, где он должен быть, и появляется обратно. Они не работают правильно для этой ситуации, тогда я использовал Poplayout, это сработало- я подумал. < /p>

Код: Выделить всё

 



{ArrayofspanStrings[currentIndex]}



< /code>
.SliderSpan {
height: 100px;
align-content: center;
overflow: hidden ;
gap: 3px;
border-radius: 10px;
font-family:  'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-weight: 900;

div{
background-clip: text;
background-color: salmon;
color: transparent;
}

font-size: 25px;
}
< /code>
When the motion.div element exit the parent div that has The overflow: hidden;< /code>
It floats down, doesn't slide to the abyss, it just pops when it reaches the exit

назначение. Есть ли объяснение для этого? Документация скучная. < /P>
Я попытался удалить переполнение, ничего не изменилось. Свойство «подождать» медленное, но почти достигает того, что я хочу.

Подробнее здесь: https://stackoverflow.com/questions/791 ... low-hidden