2012-03-11 3 views
2

У меня есть функция чата на веб-странице, подключенной к WebSocket. Мне было просто интересно, как я держу чатбокс всегда сглаженным на дно. У меня есть что-то такое, но он слишком легко ломается. Посмотрите здесь: http://sightofnick.com/public/sub-routine(alpha-24)/public.socket.io.htmlсохранить div, прокручиваемую донизу - jQuery

Заранее благодарим за предложения.

EDIT: Я предполагаю, что я прошу, что является лучшим способом сохранить свиток на дне?

+0

Что вы имеете в виду под «он ломает слишком легко»? Кажется, что это нормально ... –

+0

В какой-то момент он просто перестанет прокручиваться вниз. Я предполагаю, что я спрашиваю, является ли лучший способ удерживать свиток на дне? – nkcmr

ответ

6

Когда вы получаете высоту #display, вы, вероятно, используете .height(), а так как есть полоса прокрутки, я могу предположить, что вы используете overflow: auto?

Если это так, то .height() всегда будет получать твердое значение в CSS, а не фактическую высоту, генерируемую контентом.

Чтобы исправить это, используйте $('#display')[0].scrollHeight вместо $('#display').height() - это даст вам фактическую высоту (в px) в соответствии с текущим контентом, независимо от того, как вы его установили в CSS.

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

Смежные вопросы