Центр DIV через JQuery - PullRequest
Новая
       15

Центр DIV через JQuery

2 голосов
/ 08 марта 2010

У меня есть нижний колонтитул, который прикреплен к нижней части области просмотра. Я использую переключатель jQuery, чтобы открыть карточку комментариев для пользователей, чтобы комментировать и отправлять: 

$('a#footer-comment').click(function() {
  $("#comment-card").toggle(300);
  return false;
  $('#comment-card').show({ position:);
});

$('a#footer-comment-hide').click(function() {
  $("#comment-card").toggle(300);
  return false;
  $('#comment-card').hide();
});

естественно, если я не добавляю CSS-селекторы на # comment-card, он отображается под нижним колонтитулом и скрывается из виду.

Итак, я добавил: {position:absolute; bottom:30px; left:auto;} 30px, чтобы он отображался над нижним колонтитулом, высота которого 30px.

Проблема в том, что я не могу получить это по центру в области просмотра ... если я использую пиксели, в зависимости от разрешения, это либо слишком далеко влево или вправо ... как мне центрировать это в области просмотра? 1009 *

1 Ответ

2 голосов
/ 08 марта 2010

Чтобы центрировать абсолютно позиционированный элемент, вы устанавливаете его CSS следующим образом: 

left:50%;
margin-left:-100px;
position:absolute;
bottom:30px;

margin-left должно составлять 1/2 ширины div, который вы центрируете, поэтому, если div имеет ширину 200px, используйте -100px для вашего поля left. Когда поле отрицательно, оно тянет div в этом направлении. Так как он начинается с 50% по всему экрану, вам нужно будет только потянуть его наполовину, чтобы центрировать div на экране.

...