Вертикально содержимое центра с помощью jQuery

Question

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

Вот ссылка: http://christopherburton.net/ie

Answer 1

$(function() { 
    var $inner = $('#container'); 

    $inner.css({ marginTop: ($(window).height()/2) - $inner.outerHeight()/2 }); 
}); 

Это было бы вычислить и установить правильное значение маржи-топ раз. Если вы хотите обновить это, когда кто-то изменит размер окна браузера, вам необходимо вызвать этот код в событии resize на объекте window. Как

$(function() { 
    var $inner = $('#container'); 
    $(window).on('resize', function() { 
     $inner.css({ marginTop: ($(window).height()/2) - $inner.outerHeight()/2 }); 
    }); 
}); 

Answer 2

$("elem").css({ 
    position: "absolute", 
    top: "50%", 
    marginTop: "-" + $("elem").height()/2 + "px" 
}); 

Должно работать.

Answer 3

Вам не нужно JQuery для этого ..

Использование CSS

Используйте это для контейнерного класса

#container { 
position: absolute; 
width: 525px; 
height: 220px; 
margin: 0 auto; 
left: 35%; 
top: 30%; 
}