У меня есть shoutbox, и я хочу сохранить прокрутку для насыщения того же как окна IM.
Мой HTML
<div id="shoutContainer">
<table id="shoutbox">
<tbody>
<!-- shouts here -->
</tbody>
</table>
</div>
Моя CSS
#shoutContainer {
height: 100px; overflow-y: scroll;
}
Если не возможный через HTML и CSS. Мы можем достигнуть этого в необработанном JavaScript? потому что я не использую платформы
Каждый раз, когда добавляется элемент, выполните следующие действия:
document.getElementById('shoutContainer').scrollTop = 10000;
// or some other big number
отредактировано
{{1} }Я не уверен, что вы можете сделать это только с помощью CSS, но вот отличное решение jQuery: Shoutbox Ajaxdaddy .
Вот бесплатная служба кричащих сообщений, чтобы ваш клиент был доволен:
Я просто сделал один, чтобы убедиться, что все в порядке, пример здесь .