Блог старого компьютера

Блог старого компьютера


Главная Jquery Выравнивание блока по вертикали в резиновом блоке

Выравнивание блока по вертикали в резиновом блоке

21.08.2014 03:24 Администратор Jquery
Печать PDF

Ситуация следующая, необходимо выровнять блок по горизонтали в блоке высота которого 50%. Изначально для реализации был выбран метод с помощью display:flex и других новых css свойст, но вот беда не все браузеры его поддерживают (к примеру сафари, айфоны и айпады). Тогда решено было написать небольшоай скрипт на jquery который будет собирать информацию о высоте экрана и автоматически расчитывать отсутп сверху.

Все достаточно просто:

function posCenter(){
$('.section').each(function(index, element){
var hp = $(this).height();
var hc = $(this).children('span').height();
var poc = (hp-hc)/2;
$(this).children('span').css("margin-top", poc);
//alert(hp+" "+hc);
})
}
$(document).ready(function() {
posCenter();
})
$(window).resize(function() {
posCenter();
})

 Функция posCenter() срабатывает после загрузки страницы, и при изменении окна браузера.

Добавить комментарий


Защитный код
Обновить

Поиск

Голосование

Что Вы думаете на счет битрикса?