Как проскроллить страницу до самого низа до загрузки контента?

Question

[gemolo]

Здравствуйте,
Делаем чат в котором новые сообщения появляются снизу.
Подскажите есть-ли способ отскролить страницу до самого низа при подгрузке вкладки чата ajax'ом
$('.chat').scrollTo( '100%' ); Не помогает, так-как внутри окна могут быть изображения неизвестного размера, которые не сразу подгружаются.

Спасибо!

Answer 1

[iBird Rose]

как вариант брать offset у футера и скроллить туда

Comments

[gemolo]

Футера как такового нет, есть с overflow-y: scroll.
Соответственно его размер не известен пока не загрузятся картинки

[iBird Rose]

gemolo: зачем тебе размер. создай див какой нить в самом низу страницы. прям перед закрывающим body. и получай offset().top его. и скрольль туда

[gemolo]

iBird Rose: так offset().top не будет равен высоте контента - он его получает без учета высоты картинок

[iBird Rose]

gemolo: хм... тебе ж надо прям до низу мотать? так делай .scrollTop(999999);

Answer 2

[Shaidulint]

Браузер не может скроллить на не известную ему координату. Мб проще если после ответа ajax/подгрузки картинки вызывать функцию которая будет скроллить до самого низа? Ну или проще, но хуже повесить это на таймер в 1 секунду?

Comments

[gemolo]

Да, можно, не красиво, правда так получается - прыгает содержимое.
Думаю придется считать на сервере width, height картинок и прописывать их в style, но очень-очень хочется этого избежать

[Shaidulint]

gemolo: Как вариант, если очень хочется, можно попробовать сделать внутреннему блоку с чатом свойство position:absolute; А скролл сделать придется отдельно, ручками при помощи JS

[Shaidulint]

Забыл упомянуть про свойство bottom: 0;

Answer 3

[Максим Тимофеев]

Алгоритм следующий:

• делаем прелоадер
  
• ждем загрузки всех элементов
  
• вычисляем offset для последнего
  
• скролим
  
• скрываем прелоадер