Вычисление высоты с помощью jQuery отличается в Firefox и Chrome

У меня есть вопрос, который уже задавали здесь , но предложенное там решение не сработало. Проблема в том, что я использую функцию jQuery height () для возврата высоты div. Он отлично работает в Firefox, но возвращает значение на 300 пикселей меньше в Chrome ...

Вы можете увидеть пример этой ошибки здесь . Хотя, надо сказать, на иврите. Хотя это не должно иметь большого значения ...

С кем-нибудь такое случалось раньше? Вот код, который вычисляет высоту:

var heightLeftCol = $('#leftCol').height();
var sidebarHeight = $('#sidebar').height();
var minHeight = heightLeftCol > sidebarHeight ? heightLeftCol : sidebarHeight; 
$('#postArea').css('min-height', minHeight+100);

РЕДАКТИРОВАТЬ: Эта проблема была не исправлена ​​, но работала вокруг способом, который мне не нравится, но пока это подойдет . Вот "решение", которое я придумал:

if (jQuery.browser.safari) {
    $('#postArea').css('min-height', minHeight+400 + 'px');
}
else {
    $('#postArea').css('min-height', minHeight+100 + 'px');
}

Поскольку и Safari, и Chrome работают на WebKit, browser.safari на самом деле также выбирает хром .. Я определенно не считаю это оптимальным решением.

Спасибо!

var heightLeftCol = $('#leftCol').height();
var sidebarHeight = $('#sidebar').height();
var minHeight = heightLeftCol > sidebarHeight ? heightLeftCol : sidebarHeight; 
$('#postArea').css('min-height', minHeight+100);

РЕДАКТИРОВАТЬ: Эта проблема была не исправлена ​​, но работала вокруг способом, который мне не нравится, но пока это подойдет. Вот "решение", которое я придумал:

if (jQuery.browser.safari) {
    $('#postArea').css('min-height', minHeight+400 + 'px');
}
else {
    $('#postArea').css('min-height', minHeight+100 + 'px');
}

Поскольку и Safari, и Chrome работают на WebKit, browser.safari на самом деле также выбирает хром .. Я определенно не считаю это оптимальным решением.

Спасибо!

var heightLeftCol = $('#leftCol').height();
var sidebarHeight = $('#sidebar').height();
var minHeight = heightLeftCol > sidebarHeight ? heightLeftCol : sidebarHeight; 
$('#postArea').css('min-height', minHeight+100);

РЕДАКТИРОВАТЬ: Эта проблема была не исправлена ​​, но работала вокруг способом, который мне не нравится, но пока это подойдет. Вот "решение", которое я придумал:

if (jQuery.browser.safari) {
    $('#postArea').css('min-height', minHeight+400 + 'px');
}
else {
    $('#postArea').css('min-height', minHeight+100 + 'px');
}

Поскольку и Safari, и Chrome работают на WebKit, browser.safari на самом деле также выбирает хром .. Я определенно не считаю это оптимальным решением.

Спасибо! Amit

5
задан Community 23 May 2017 в 12:08
поделиться