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

Question

我将儿童div附加到父div，然后将父div滚动到底部。

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

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

我创建了一个小提琴来显示问题。

有办法克服吗？

Answer 1

经过更多的播放后，我发现问题与IE有关，因为它不知道所添加元素的高度，因此呈现问题。

一种技巧是添加div（必须先渲染），获取div的高度（因为它可能随内容而变化），然后将高度设置为该值，然后才滚动div：

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

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