Разделитель jquery (или js general) с динамической высотой

Question

Есть несколько готовых сплиттеров JavaScript (jQuery), но они требуют установки высоты панелей. Проблема в том, что мой сайт не поддерживает фиксированную высоту, просто не может. Другое дело, что этот контейнер может динамически изменять свою высоту, поэтому я хотел бы, чтобы этот сплиттер подстраивался под высоту панелей.

Есть ли сценарий или способ избежать этого?

Моя идея состояла в том, чтобы установить высоту контейнера на большую высоту панели, например:


var lheight = $("#LeftPanel").height();
var rheight = $("#RightPanel").height();

if(lheight > rheight){
    $("#container").css("height", lheight+"px");
} else {
    $("#container").css("height", rheight+"px");
}

но это не кажется хорошим способом для меня.

Есть ли у вас какие-либо предложения?

Accepted Answer

Вы можете передать новое значение в .height(), например: var h = Math.max($("#LeftPanel").height(), $("#RightPanel").height()); $("#container").height(h); В этом случае мы просто используем Math.max(), чтобы получить более высокий один, и установка высоты для этого.

Разделитель jquery (или js general) с динамической высотой

Ответы

Ответ 1 · Nick Craver

Похожие материалы