powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Чат!! ? отображение информации как в чате
7 сообщений из 7, страница 1 из 1
Чат!! ? отображение информации как в чате
    #38291916
mrio_15
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Давно мучаюсь над вопросом как сделать вывод сообщений как в чате

правильный список, но прокрученный до последнего.
А внизу ячейка для ввода.

Я это реализовал прокруткой js.

Да только при большом количестве сообщений не докручивает
останавливается на половине. Как будто не хватает времени для выполнения данной операции.

Подскажите кто знает как сделать красивый вывод чата.
...
Рейтинг: 0 / 0
Чат!! ? отображение информации как в чате
    #38291922
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mrio_15,

Код: javascript
1.
2.
        var height = $('#div-scroll')[0].scrollHeight;
        $('#div-scroll').scrollTop(height);



Вроде оно... Нет? :)
...
Рейтинг: 0 / 0
Чат!! ? отображение информации как в чате
    #38291928
mrio_15
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Програмёрmrio_15,

Код: javascript
1.
2.
        var height = $('#div-scroll')[0].scrollHeight;
        $('#div-scroll').scrollTop(height);



Вроде оно... Нет? :)



у меня как то так получилось
Код: javascript
1.
2.
3.
$(window).load(function() {
  $("#massege").animate({ scrollTop: $(document).height() } );
});
...
Рейтинг: 0 / 0
Чат!! ? отображение информации как в чате
    #38291942
mrio_15
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Програмёр,

var height = $('#div-scroll')[0].scrollHeight;
$('#div-scroll').scrollTop(height);

как то не сработало :(
...
Рейтинг: 0 / 0
Чат!! ? отображение информации как в чате
    #38293122
mrio_15
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Обратите внимание!
Кто знает как сделать вывод текста как в чате, подскажите пожалуйста.
Очень, очень нужно.
...
Рейтинг: 0 / 0
Чат!! ? отображение информации как в чате
    #38293337
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mrio_15,

Судя по вашему коду: $(document).height() - у вас список сообщений чата прямо в body?
Если в диве с прокруткой, то надо брать высоту этого дива.

Вам нужно прочитать про встроенные методы obj.getComputedStyle() (obj.currentStyle() для старых ИЕ),
Получить высоту height, если вернётся значение "auto", то тогда уже проверять для кроссбраузерности так:
var my_height = (obj.offsetHeight > obj.scrollHeight) ? obj.offsetHeight : obj.scrollHeight;
Затем менять obj.scrollTop
------
где obj - ссылка на элемент со списком сообщений (например div или body - где там список у вас выводится)
...
Рейтинг: 0 / 0
Чат!! ? отображение информации как в чате
    #38293342
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Поправка: возможно неверно указал синтаксис getComputedStyle (подзабыл, давно уже пользуюсь написанными функциями).
Вместо obj.getComputedStyle()
можно воспользоваться разными вариантами:
var my_height = window.getComputedStyle(obj,"").height;
var my_height = document.defaultView.getComputedStyle(obj, "").getPropertyValue('height');
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Чат!! ? отображение информации как в чате
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]