@lifetowin
Верстаю.

Как избежать 'прыжков' блока при использовании position: fixed / absolute?

Здравствуйте. Есть небольшой блок, который изначально фиксирован. Меняя класс, я хочу менять его положение, но почему то происходит прыжок + transition не срабатывает. Почему так происходит?

codepen.io/lifetowin/full/qamvpA
  • Вопрос задан
  • 194 просмотра
Пригласить эксперта
Ответы на вопрос 2
Xserber
@Xserber
Full-stack developer. React.js, AngularJS + NodeJS
Быстрее на главный класс вешать transition, а манипуляции с позиционированием через дополнительные.
у вас же перестраивается DOM дерево с изменение класса, соответственно и стили тоже.

К примеру

.bazon {
transition: all 0.4s ease;
}
.bazon--top{
top:-105px;
}
Ответ написан
@lifetowin Автор вопроса
Верстаю.
В общем с перерисовкой беда. Частично исправил добавив timeout, но пришлось добавить opacity для того чтобы скрыть момент перерисовки.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
25 апр. 2024, в 10:42
150000 руб./за проект
25 апр. 2024, в 10:41
2000 руб./за проект
25 апр. 2024, в 10:25
2000 руб./за проект