@eugenedrvnk

Как анимировать абсолютно позиционированные элементы?

Есть следующий пример кода :

При открытии блока, див, который находится в пределах размеров родителя - анимируется плавно. Тот элемент, который выходит за его пределы - дожидается конца анимации и потом мгновенно появляется. Возможно ли это как-то исправить и сделать его появление плавным?
  • Вопрос задан
  • 146 просмотров
Решения вопроса 1
@afanasiyz
Javascript-разработчик
Библиотека (или часть vuejs, я не знаю точно) velocity, в момент анимации кладет на элемент с классом item свойство overflow: hidden, и скрывает элементы вне пределов блока.
Если это убрать - не получится анимировать текст, его скрытие не сделаешь плавным без overflow: hidden.

этот момент можно просто переверстать как то поудобнее, чтобы не вываливалась палочка без left: -20px:

Вот немного переверстанная (и рабочая) штука - https://codepen.io/JimiMorrison/pen/jONxmaN
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы