Как измениться, отделение высоты на окне изменяют размер?

У меня есть отделение на моем веб-сайте, который должен быть высотой окна. Это - то, что я получил:

    $(document).ready(function() {
    var bodyheight = $(document).height();
    $("#sidebar").height(bodyheight);
});

Однако это автоматически не изменяется, когда окно изменено? Какое-либо тело знает, как зафиксировать это?

Спасибо

30
задан 3 May 2010 в 14:16
поделиться

3 ответа

Вам также нужно сделать это в событии resize, попробуйте так:

$(document).ready(function() {
    $(window).resize(function() {
        var bodyheight = $(this).height();
        $("#sidebar").height(bodyheight);
    }).resize();
});
52
ответ дан 27 November 2019 в 23:33
поделиться

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

4
ответ дан 27 November 2019 в 23:33
поделиться

Используйте событие resize.

Это должно сработать:

 $(document).ready(function() {
   $(window).resize(function() {
    var bodyheight = $(document).height();
    $("#sidebar").height(bodyheight);
}); });
1
ответ дан 27 November 2019 в 23:33
поделиться
Другие вопросы по тегам:

Похожие вопросы: