Задать вопрос
AtriSimone
@AtriSimone
Осваиваю Front-end
javascript

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

Добрый день.
Есть страничка, на ней справа есть блок с "фильтрами", при нажатии на чекбокс/выборе значения select/ написании цифр в поле ввода - срабатывает событие(change) и появляется лоадер слева от блока с фильтром (получается поверх блока с контентом). Как мне сделать так, что бы появлялся лоадер четко по центру страницы, не зависимо от того на сколько страница проскроллена?
  • Вопрос задан
  • 103 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 3
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?
position: fixed;

https://jsfiddle.net/10b45t1u/

Чтобы было строго по центру можно добавить маргины, например.
https://jsfiddle.net/10b45t1u/1/
Ответ написан
Комментировать
Комментировать
@devstudent
frontend-developer 
.loader {
  position: fixed;
  top:50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
}
Ответ написан
Комментировать
Комментировать
aliencash
@aliencash
Партизан
codepen.io/aliencash/pen/ZWVWOJ
Только не забудьте про reset.css и autoprefixer
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка Pwa сайта
19 апр. 2024, в 13:12
35000 руб./за проект
Доработать вебпроект со стеком: yii2, jquery, vue
19 апр. 2024, в 13:06
6000 руб./за проект
Правки и доработки CRM системы PHP, JS, Smarty,
19 апр. 2024, в 13:03
1500 руб./в час
Ещё заказы