jQuery - динамическая высота отделения

Question

jQuery - динамическая высота отделения

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

if (!window.console || !console.firebug) {
    (function (m, i) {
        window.console = {};
        while (i--) {
            window.console[m[i]] = function () {};
        }
    })('log debug info warn error assert dir dirxml trace group groupEnd time timeEnd profile profileEnd count'.split(' '), 16);
}

9

jquery css html resize height

задан lemon 17 October 2009 в 08:43

2 ответа

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

Кроме того, убедитесь, что вы делаете это в пределах $ ( document) .ready () , например:

<script type='text/javascript'>
$(function()
{
    $('#main-content') .css({'height': (($(window).height()) - 361)+'px'});

    $(window).resize(function(){
        $('#main-content') .css({'height': (($(window).height()) - 361)+'px'});
        alert('resized');
    });
});
</script>

Вот рабочая демонстрация .

5

ответ дан 4 December 2019 в 10:33

Другие вопросы по тегам:

jquery css html resize height

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

score 14 · Accepted Answer

решил это!

все, что требовалось, это удалить jScrollPane перед вычислением высоты и повторно применить его.

<script type='text/javascript'>
$(function(){
    $('.scroll-pane').css({'height':(($(window).height())-361)+'px'});
    $('#main-content').jScrollPane({scrollbarWidth:15, scrollbarMargin:15});

    $(window).resize(function(){
          $('.scroll-pane').jScrollPaneRemove();
          $('#main-content').css({'height':(($(window).height())-361)+'px'});
          $('.scroll-pane').jScrollPane({scrollbarWidth:15, scrollbarMargin:15});
    });
});
</script>