jquery - CSS div 增加高度但不要降低它

Question

我曾将此行为视为错误，但这次我真的希望将其作为一项功能，但无法实现。

<div style="height: auto;">
   <div> 
      Variable Text, which is sometimes longer and sometimes shorter.
      It changes while runtime. 
   </div>
</div>

所以我希望这个 block 自动增加它的高度，但永远不会从最后一个最大值减少。所以我唯一的想法是使用 Jquery 并将每次更改的高度附加为最小高度。但我确定我以前有过这个。

Answer 1

这是一个示例解决方案 https://jsfiddle.net/x6otm6x2/

setInterval(function(){
	var newHeight = $('div').height() + 100;
	$('div').css({
  	minHeight: newHeight
  });
  console.log($('div').height())
}, 1000);

div{
  min-height: 100px;
  width: 100px;
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

</div>

我想这个例子可能对你有帮助。我使用了 1000ms 的 setInterval 来更新 container div 的高度，每次它的高度增加 100px>.

我不知道你什么时候会增加容器的 div 高度，所以我使用了 setInterval。在您的情况下，setInterval 可能会被某些功能取代。