Div высота решения?

Question

Я получил следующий javascript:

    <script type="text/javascript">
      $(document).ready(function(){
        $("#sidebar").height( $(document).height() ); 

    });
    </script>

Это позволяет мне разрешить устанавливать высоту элемента div в соответствии с размером документа. Но на данный момент у меня большая проблема. На моем сайте есть различные варианты JavaScript, которые увеличивают оригинальную высоту документа.

Как вы могли догадаться, div не будет растягиваться при растягивании документа, потому что скрипт работает только при загрузке.

Теперь мой вопрос: есть ли другой способ позволить javascript пересчитывать высоту каждый раз, когда увеличивается размер документа или когда запускается javascript. Я уже пытался поместить следующий код позади некоторого кода JavaScript:

 $("#sidebar").height( $(document).height() ); 

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

С уважением,

Augus

Answer 1

Использовать событие изменения размера.

Это будет выглядеть так: $ (window) .resize ($ (window) .height ())

Answer 2

window.onresize = function () {
$("#sidebar").height( $(document).height() );
// other stuff you want to do when the window is resized
}

Возможно, вы захотите использовать window.setTimeout, чтобы управлять тем, как часто это вызывается.IE для одного вызывает его постоянно при перетаскивании.

Answer 3

Однако это не совсем эффективно, но вы можете использовать событие «изменить размер документа»:

$(document).resize(function() {
    //re-run code here.
}

Использование этого, скорее всего, не рекомендуется в большинстве случаев - оно мне пригодилось при генерациидинамические фоны на веб-странице.В идеале вы хотите, чтобы ваша структура и стили могли справляться с изменением размера, но это не всегда просто.