overflow: scroll; - как научить его быть постоянно внизу?

Вопросы
Хочу как то украсить Личные сообщения, так вот, прописал в стилях выводимым комментариям overflow: scroll, чтобы удобно было читать сообщения, столкнулся с проблемой, при обновлении страницы ползунок скрола находится вверху, а новые сообщения внизу:



А мне нужно, чтобы при обновлении, и написании нового комментария ползунок всегда находился внизу, вот так:



Подскажите что мне сделать для этого?

P.S.
Пробовал поменять структуру комментариев, чтобы новые показывались сверху, делал все как описано тут: livestreet.ru/blog/questions/12676.html#comment209652 — не получилось.

Единственное верным решением(для меня) будет overflow: scroll, но без вашей помощи я не справлюсь, может что подскажете?

14 комментариев

avatar
Было бы шикарно, если бы помогли вот с этим вопросом по выводу комментариев: livestreet.ru/blog/questions/12676.html#comment209652
avatar
jsfiddle.net/SimonSmith/gP25U/1/
с ипользованием jQuery как вариант
avatar
Спасибо! Но у меня не получается, подскажите, может я не там подключаю? comment_tree.tpl?
avatar
вроде да, код жс закинь после 
{hook run='comment_tree_end' iTargetId=$iTargetId sTargetType=$sTargetType}
avatar 
$(document).ready(function() {
$('you div').scrollTop(100000);
});

как вариант..., но лучше вычислить высоту блока и перемотать скролл по нормальному =)
  • BMay
  • 0
  • ↓
avatar
Спасибо вам большое, все работает, при обновлении страницы ползунок внизу, все как положено, но есть проблема, при написании сообщния, ползунок не сдвигается вниз а новое сообщение уходит «за зону видимости» анимацией, и чтобы увидеть новое сообщение, необходимо сдвигать ползунок вручную… Можно ли отключить эту анимацию? или как сделать, чтобы ползунок сдвигался вместе с анимацией?
avatar
Как реализовать то, что бы при новом сообщении ползунок вниз спускался?
avatar
Огромное спасибо BMay , не оставил в беде, побольше бы таких, и сообщество процветало бы гораздо быстрее…

Все работает, все круто! Но один вопрос нарисовался, а нельзя ли сделать, чтобы комменты на странице сообщений автоматически обновлялись через определенный интервал времени, например каждые 15сек?
avatar
что-то я даже найти не могу JS функцию этой кнопки-обновления, не подскажете где она есть?
avatar
Ну как же
<a onclick="ls.comments.load(13540,'topic'); return false;" id="update-comments" class="update-comments" href="#"><i></i></a>

ls.comments.load ищите в comments.js
естественно все скрипты находятся в engine/libs/internal/template
avatar
искал ls.comments.load в comments.js — нету :)
avatar
Смотрим сюда.
И по желанию изучаем базу oop у js, а именно функцию-конструктор, которая у ЛС самовызывающаяся и не требует создания объекта через new, тогда будет более понятно почему вызов функции выглядит именно так :)
avatar
Хотя с самовызыванием я перегибаю, т.к в лс роль играет вызов jquery метода call
avatar
Спасибо!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.