Всем привет! Заинтересовался таким вопросом.
У гугла есть имплементация live твиттер модуля. Его можно увидеть, когда в поиске забит какой-то search term, который в данный момент широко обсуждаем на твиттере и других различных новостных порталах.
Пример
http://www.google.com/search?hl=en&s...=&oq=&gs_rfai=
Увидете Latest results for Consumer Prices Are Flat
Интересует такой момент, когда аяксовый запрос находит что-то новое, callback добавляет новый DIV в DOM. Этот DIV имеет отрицательный margin-top, который равен высоте дива. Высота не захардкоджена, она изменяется в зависимости от кол-ва контента. Я попробовал воспроизвести похожий эффект, но, высоту дива не узнать до его появления в DOM. Поэтому вставляю DIV без отрицательного margin-top и сразу же ставлю margin-top значение div.offsetHeight * (-1). При таком подходе в ИЕ6-8 (иногда и в FF) всегда видно, как контент прыгает. Как вы думаете, как гугл делает это так плавно и красиво ?