实时显示高度变化

Question

我刚写了一个脚本，它将div的高度与其父级相比返回百分比。

我只需要找到一种方法来实时显示高度变化，同时为变化设置动画。

这是我到目前为止所做的： jsFiddle

JS：

var full = $('#wrap').height();
var value = $('#bla').height();
var percentage = value*100/full ;

$('h1').html( percentage + '%');

$('#bla').delay(1500).animate({
    height: '74%'
},2200, "easeOutElastic");

Answer 1

请参阅此fiddle

您可以设置一个查找div高度的间隔并相应地更新文本

var inter=setInterval(function(){
    var full = $('#wrap').height();
    var value = $('#bla').height();
    var percentage = value*100/full ;
    $('h1').html( percentage + '%');
},10)

Answer 2

尝试使用$（'＃bla'）。innerHeight（）; 你也可以改变div的高度，包括填充。