附加到div并保持滚动到底部渲染问题IE

Question

我将子div添加到父div，然后将父div滚动到底部。

在IE中，元素似乎“游泳”并杀死了眼睛。这不会发生在Chrome，Firefox或Safari中。

$('#foo').append($('<div>' + new Date() + '</div>'));
$("#foo").scrollTop($("#foo")[0].scrollHeight);

我创建了一个显示问题的fiddle。

有没有办法克服这个问题？

Answer 1

经过多次播放后，我发现问题与IE有关，不知道要添加的元素的高度，因此渲染问题。

hack是附加div（必须先渲染），获取div高度（因为它可能因内容而异），然后将高度设置为此值，然后才滚动div：

$('#bar').css('height', $('#bar').css('height'));

如果有更优雅的方式，请告诉我。