Как отцентрировать div по центру экрана при анимации jquery?

Question

tempfolder @tempfolder

Как отцентрировать div по центру экрана при анимации jquery?

Изучаю и практикуюсь в js, застопорился на данной задачке:
Хочу повторить результат как на видео: https://youtu.be/9oygprdmO8M
Проблема заключается в центрировании div по центру экрана сохраняя адаптивность и возможность дополнения элементов, пока что решил, как считаю, через косой костыль..

Вопрос задан более трёх лет назад
144 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Fullstack-разработчик на JavaScript + ИИ

11 месяцев

Далее
ProductStar × РБК

Профессия: Инженер по тестированию

6 месяцев

Далее

Пригласить эксперта

Ответы на вопрос 1

6 комментариев

historydev @historydev Куратор тега JavaScript

хрен бокс)

Написано более трёх лет назад
tempfolder @tempfolder Автор вопроса
Если я не ошибаюсь флекс позиционирует дочерние элементы, как же тогда с его помощью отцентровать относительно экрана box__inner?

<body> <div class="main"> <div class="box"> <div class="box__inner"></div> </div> </div> </body>
Написано более трёх лет назад
historydev @historydev Куратор тега JavaScript

tempfolder, ты прав, не обращай внимания, этот ответ не верен в корне. Если тебе нужна видимая область, можешь заменить 50% на 50vh

Написано более трёх лет назад
Mors Clamor @66demon666

tempfolder, это называется оверлей, контейнеру дается flex, и внутри центрируется всё

Написано более трёх лет назад
Mors Clamor @66demon666

Владимир, в чем конкретно ответ неверный, да еще и в корне?

Написано более трёх лет назад
Mors Clamor @66demon666

Владимир, а, вижу, вы calc-man, всего доброго)

Написано более трёх лет назад