Это, вероятно, очень легко для большинства из вас. Но я нуждаюсь в небольшом фрагменте, который просматривает текущую высоту div (у div есть динамическая высота, основанная на содержимом внутри него) а затем установите это значение в значении min-height класса css.
В основном, это означает, что я хочу, чтобы этот контейнер имел минимальную высоту в качестве точного значения текущей высоты. Это, вероятно, быстрый:)
просто доказательство концепции!
// attend for dom ready
$(function() {
// hide .foo before we get it height
$('.foo').hide();
// get the height, also the one mentioned below is a good one!
var foo_height = $('.foo').height();
// see if the actual height respect our needs! esample 180px
if ( foo_height > 180 ) {
// set the height and show it!
//$('.foo').css('height', foo_height + 'px').show(); OR try
$('.foo').height( foo_height ).show();
} else {
//do something else here
}
});
это должно работать так, как ожидалось!
Если вы правильно поняли, вы можете сделать следующее:
$(".foo").css("min-height", function(){
return $(this).height();
});
var elt = document.getElementById("<%= this.your_element_id.ClientID %>");
elt.style.minHeight = elt.clientHeight + 'px';