Я разрабатываю небольшое приложение с JSF и Bootstrap. Проблема в том, что я не могу установить высоту 100% для стороннего и абсолютного div.

Сначала я попробовал использовать CSS, но думаю, что это невозможно, поэтому теперь я безуспешно пытаюсь использовать JQuery.

Я использую эту функцию JQuery:

function resize_sidebar() {
    var h = $(window).height();
    $('#sidebar-wrapper').height(h);
}

window.onresize = resize_sidebar();

resize_sidebar();

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

Надеюсь, вы можете дать мне несколько идей. Спасибо.

0
Pablo 26 Дек 2013 в 22:05

2 ответа

Лучший ответ

На основании вашего комментария:

Теперь я вижу проблему. У меня очень большое разрешение, а содержимое меньше, чем на боковой панели, и все выглядит нормально, но когда я изменяю размер экрана, содержимое увеличивается за счет плавающих полей, но боковая панель по-прежнему имеет высоту окна.

Это должно делать свое дело:

function resize_sidebar() {
    var h = $('#wrap').height();
    $('#sidebar-wrapper').height(h);
}

resize_sidebar();

​$(window).on('resize', function(){
    resize_sidebar();
   ...do something else...
}
1
NoSense 26 Дек 2013 в 18:41

Вы также можете сделать это с помощью чистого css

#sidebar-wrapper {
    top: 0;
    right: 0;
    bottom:0;
    width: 250px;
    background: #000;
    position: absolute;
    z-index: 1000;
    transition: all 0.4s ease 0s;
}
0
ug_ 26 Дек 2013 в 18:49