есть непозиционированный див - по клику развернуть на весь вьюпорт
Не совсем понятен вопрос
На странице много всего. Где-то есть див, по клику становится абсолютно позиционированым с top: 0 left:0 width: 100vw height: 100vh. Как это анимировать ?
Pos fixed плюс transition
Когда будете включать position у вас буже окно выстреливать
Чтобы было все красиво, это только js и начальные координаты как-то придётся передавать
Так и думал, спасибо
Я бы сначала плавно выводил окно в центр а потом разворачивал
Не факт что оно растянется так как вы ожидаете
А лучше дергать координаты окна, на которое тыкнули. Непосредственно после клика
Зачем ? С таргета получу коодинаты и размеры дива, передвину в центр и расширю, вроде все просто
как обычную модалку?
Окно будет менять положение после адаптации
Поюс не каждое окно будет пользователь разворачивать
Лучше просчитать координат в момент разворачивания
Обсуждают сегодня