Автоматическое центрирование блока по вертикали и горизонтали на JS (JQuery)

Автоматическое центрирование блока по вертикали и горизонтали на JS (JQuery)

Необходимо было придумать способ выводить всплывающий блок с информацией по центру. Использовать JQuery UI не хотелось ввиду его большого размера, учитывая, что задачу можно решить проще. Так как в проекте JQuery уже использовалась, то была написана следующая функция:

function autoCenter( id ) {
    var scrollTop = $(document).scrollTop();

    $( id ).css({
        position:'absolute',
        left: ($(window).width() - $( id ).outerWidth())/2,
        top: ($(window).height() - $( id ).outerHeight())/2 + scrollTop
    });
}

Пример вызова функции:

autoCenter('#block');

Функция использует JQuery, и учитывает скролл браузера. Вообщем-то все.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *