2010-07-13 17 views
15

Ich habe ein div mit Höhe: 100px und Überlauf: auto der Inhalt ist dynamisch.Höhe für ein div mit Überlauf erhalten: auto;

i bewegen wollen die div in der unteren

i mit

versucht
$("#chat_content").scrollTop($("#chat_content").height()); 

aber wenn der Gehalt größer als 100px $ ("# chat_content"). Höhe() liefert 100 und die div ist nicht auf der Unterseite gescrollt

Wie kann ich tun?

dank

+0

Könnte der s sein ein Problem wie - http://stackoverflow.com/questions/2522579/how-do-i-get-the-real-height-of-a-overflow-hidden-or-flow-scroll-div –

+0

Siehe [http: //stackoverflow.com/questions/2530829/auto-scroll-to-bottom-when-overflow-auto](http://stackoverflow.com/questions/2530829/auto-scroll-to-bottom-when-overflow-auto) – Castrohenge

Antwort

29

Holen Sie sich das scrollHeight Eigenschaft von dem Element zugrunde liegenden DOM:

$("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight); 
+10

+1 Für scrollHeight! :) Randnotiz: Die Verwendung von '$() [0]' ist schneller als '$(). Get (0)' –

6

versuchen $("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight);

0

Eine andere Möglichkeit ist es, nur die interne Inhalte in einem div zu wickeln und dann nur "ändern .height "call to

$("#chat_content").scrollTop($("#chat_content div").height()); 
Verwandte Themen