2012-01-24 70 views
1

提供一個DIV與如何檢測div內容的高度?

  • 固定HEIGH
  • 禁用滾動功能
  • ,其內容是可編輯

我需要明白,如果爲達到其內容的高度甚至超過的高度根據用戶插入的元素(文本或其他)的相同div(基於事件觸發控件)。有人有任何簡單的想法如何檢測一個DIV的內容是否達到甚至超過了同一個DIV的高度?

回答

1

了Stian如說他們的回答,您可以使用jQueries height()方法obtian給定元素的高度。

但是,你會想在主div的第二個容器上使用這個方法。這樣的:

<div id="myMainDivWithAHeight"> 
    <div id="myInnerDivExpandingWithTheContent"></div> 
</div> 

這樣你會被計算,而不是固定高度outter div的高度是相對於擴展到內容內div的高度。

然後,您可以比較內部和外部div高的值。

+0

有意思。所以,你說的只是使用一個DIV,簡單的使用兩個嵌套的外部嵌入的嵌入式嵌入式外部嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式嵌入式應用程序,然後,如果內部DIV高度將超過外部DIV的高度,我可以觸發每個內容修改事件,並檢測這種情況是否發生,並執行我所需的操作。好,可能我甚至不需要有兩個嵌套的DIV,如果操作相關的速度足夠快以避免最終用戶察覺transiet視圖,我可以直接在一個DIV上執行。 – user1050187