Блог

Главная - Вопросы по программированию - Расположить div в середине экрана с помощью jQuery

Расположить div в середине экрана с помощью jQuery

#jquery #css

#jquery #css

Вопрос:

Мне нужно добавить поле наложения в середине экрана. Я должен оставаться там, пока не удалю его. Я должен оставаться в середине, даже когда страница прокручивается. Я предполагаю, что мне нужно относительное позиционирование, но как мне получить поля и т.д. Нужно ли мне использовать jQuery для его вычисления?

 $(".myBox").css("margin-top", $(document).height()/2 - $(".myBox").height()/2);

Комментарии:

1. Что не так с вашим кодом, который там есть?

Ответ №1:

Если у вас есть ширина и высота, указанные для вашего div, вы можете использовать (CSS-код):

  margin-left: auto;
 margin-top: auto;

или, если вы хотите сделать это в jQuery:

 $(".myBox").css("margin-top", "auto");
$(".myBox").css("margin-left", "auto");

Это должно поддерживаться IE, а также Firefox, Opera, Safari и т.д.

Ответ №2:

То, что вы ищете, является position:fixed (не поддерживается IE<7). https://developer.mozilla.org/en/CSS/position для выполнения этого требования: «Он должен оставаться в середине, даже когда страница прокручивается». 

 $(".myBox").css("top", $(document).height()/2 - $(".myBox").height()/2);
$(".myBox").css("position", "fixed");