獲得元素的高度

Question

我正在嘗試使自動滾動爲我的div。每當我檢查那個div的高度時，它會給我「200px」，就像它在CSS中一樣。我認爲這是因爲CSS樣式。 How to fix it？

這一切的想法是用戶可以提交消息聊天，然後他們會出現在該框中。我需要自動滾動的箱子的底部...

Answer 1

$('div').prop('scrollHeight'); 

的jQuery 1.6之前，prop應該attr。

或正好砸在HTML屬性：

$('div')[0].scrollHeight; 

Answer 2

爲什麼不使用jQuery和要麼使用ScrollTo插件，滾動動畫內容，或者使用scrollTop的，只是設置滾動到scrollHeight屬性，像這樣; （「div」）。ScrollTop（$（「div」）。ScrollTop（））;

Answer 3

你可能甚至不需要找出div的高度。根據你的目標，你可以將它滾動到最大。嘗試這樣的事情，也增加了新的元素，你的DIV同一函數內部：

<script> 
$('#screameria form').submit(function() { 
    var screams = $('#screameria .screams'); 
    screams.append(
     '<div>' 
     + new Date() 
     + ': ' 
     + $(this.scream).val() 
     + '</div>' 
    ); 
    screams.scrollTop(999999999); 
    return false; 
}); 
</script> 

Here's a jsFiddle with it