репл: https://svelte.dev/repl/96ade4f9af6c4bb59dc2ea23c43f72f2?version=3.18.2
есть какое-то решение?
Вот это скакание ломает любой смысл использования анимаций
Ну как минимум можешь visibility поставить на них, это первое, что в голову пришло
Css transition не решит вопрос?
решит, я пока не понимаю просто, что требуется, если замена одной кнопки на другу - то просто одной поставить visibility и абсолютную позицию, жа и все
Я бы просто на одной и той же кнопке текст менял и функцию какую она выполняет
С кнопкой - просто пример. По факту проблема в том, что анимация странно срабатывает если убираешь один элемент и на его место ставишь другой. Как будто он сначала добавляется после первого, удаляется первый и только потом играет анимация.
Хм, непонятно почему на fade которое по идее прозрачность изменяется размер. Вообще, не знаю зачем анимации сделали частью svelte. Я бы сделал смену страницы как то так. https://ru.svelte.dev/repl/89ebdefebce74df1a387c82260d8031c?version=3.48.0
неплохо выглядит но я для переключения страниц польззуюсь роутером а он просто заменяет элементы
Размер не изменяется, просто когда переключается условие одна кнопка уходит с фейдом и остаётся в доме пока анимация не закончится, вторая сразу вставляется в дом и ждёт 500 мс прежде чем воспроизвести анимацию, пустое место это как раз вторая кнопка которая ещё не начала проигрывать анимацию
Выделить контейнер с фиксированным размером, кнопки сделать с фиксированным положением относительно контейнера и после устраивать цирк =)
Обсуждают сегодня