jquery - 固定高度，带有流畅的最大高度文本区域 - 自动溢出

Question

http://codepen.io/africanmatt/pen/IcGpa

.text {
  max-height: 0;
  overflow-y: auto;
  transition: all .45s ease-in-out;
}

.text-active {
  max-height: 50%;
}

我需要在调整窗口大小时根据右侧列的高度按比例调整 .text 组件的最大高度，以便左右列的高度保持完全一致。我可能在这里遗漏了一些简单的东西。我猜 JS 可以通过根据窗口宽度和高度重新设置最大高度来解决问题，但肯定有更简单的 css 解决方案吗？

Answer 1

试试这个...

window.onresize = function(){
    $('.text').css('max-height', 100);
}