Динамическая установка высоты DIV на основе высоты окна просмотра

Я пытаюсь установить высоту div до 30% высоты видового экрана, и я очень хотел бы масштабировать ее при изменении высоты окна просмотра.

Я попытался установить минимальную высоту: 30%; высота: 30%, но он не работает.

Я взглянул на высоту JQuery(); но я просто не знаю, как начать.

Спасибо.

Ответы

Ответ 1

function thirty_pc() {
    var height = $(window).height();
    var thirtypc = (30 * height) / 100;
    thirtypc = parseInt(thirtypc) + 'px';
    $("div").css('height',thirtypc);
}

$(document).ready(function() {
    thirty_pc();
    $(window).bind('resize', thirty_pc);
});

Ответ 2

Это в основном ответ Лиама Бэйли, но с тридцатью_pc(), который должен быть как быстрее, так и более кратким:

function thirty_pc() {
    $("div").css('height', '' + Math.round(.3 * window.height()));
}

$(document).ready(function() {
    thirty_pc();
    $(window).bind('resize', thirty_pc);
});

Если вам это нравится, пожалуйста, продолжайте принимать Лиама, но поддержите меня.:)

Ответ 3

window.onresize=function(){
    $("#selectedDiv").height( ($(window).height()*.3) );
}

Ответ 4

Этот файл работает на 100% для высоты видового экрана любого раздела div, который имеет этот класс, используя JQuery. Используйте дополнительную функцию для регулировки высоты до 30%, в настоящее время она составляет 100%, пожалуйста, продвигайте, если вам это нравится.

function thirty_pc() {
    $(".introduction").css({'height':($(window).height())+'px'});
}

$(document).ready(function() {
    thirty_pc();
    $(window).bind('resize', thirty_pc);
});