追加到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不知道被添加的元素的高度，因此呈現問題。

黑客是附加div（必須先渲染），獲取div高度（因爲它可能會根據內容而有所不同），然後將高度設置爲此值，然後才滾動div：

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

如果有更優雅的方式請讓我知道。