2012-03-11 170 views
2

我有一個聊天箱的東西在一個網頁上連接到一個WebSocket。我只是想知道如何讓chatbox始終處於最底層。我有這樣的作品,但它太容易打破。看看這裏:http://sightofnick.com/public/sub-routine(alpha-24)/public.socket.io.html讓div滾動到底部 - jQuery的

在此先感謝您的建議。

編輯: 我想我問的是什麼是最好的方法來保持滾動固定在底部?

+0

你是什麼意思,「它太容易打破」?它似乎工作正常...... – 2012-03-11 02:34:31

+0

在某個點或另一個點,它將停止向下滾動。我想我要問的是,將滾動條保持在底部的最佳方法是什麼? – nkcmr 2012-03-11 02:35:21

回答

6

當你得到#display的高度時,你可能使用了.height(),並且因爲有一個滾動條,我可以假設你正在使用overflow: auto

如果是這種情況,那麼.height()將始終獲得CSS中的硬編碼值,而不是由內容生成的實際高度。

爲了解決這個問題,使用$('#display')[0].scrollHeight而不是$('#display').height() - 無論您如何在CSS中設置它,它都會根據當前內容爲您提供實際高度(以像素爲單位)。

How do I get the real .height() of a overflow: hidden or overflow: scroll div?