jcrollpane или scroll fpr overflow-y и содержимое остается внизу панели

Question

Я надеюсь, что тема имеет смысл.

Я работаю в области поддержки чата. Высота чата составляет 300 пикселей, у меня возникла проблема, когда сообщение чата длиннее 300 пикселей, а вертикальная прокрутка показывает, что оно всегда остается наверху каждый раз, когда сообщение вводится клиентом или оператором.

Меня не особенно интересует использование js, если я могу сделать это простым CSS. Более близкий пример, который я мог найти, это jscrollpane, который показывает пример автоматической повторной инициализации, но результат, который я вижу, точно такой же, как и у простого overflow-y, который у меня есть. http://jscrollpane.kelvinluck.com/auto_reinitialise.html Интересно, нельзя ли сделать так, чтобы содержимое оставалось внизу панели (нижняя часть контейнера)?

Спасибо!

Answer 1

Если вы используете достаточно свежую версию jScrollPane, есть параметр stickToBottom, который вы можете передать. Это гарантирует, что jScrollPane прилипнет к низу при добавлении нового содержимого (но только если прокрутка уже прокручена). до дна - иначе никогда бы не было возможности прокручивать где-либо еще).

Я собрал демонстрацию этого в действии здесь: http://jsfiddle.net/F9EsN/