Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Aslan
@aslan0ff
CSS
Скролл снизу вверх?
Добрый день)
Можете помочь?
У меня есть чат, все нормально, но когда человек просто открывает чат, он в самом верху, а как сделать так, чтобы чат был внизу и при каждом сообщении опускался вниз
(но человек может самостоятельно проскроллить вверх)
(с формулировкой не очень хорошо)
Вопрос задан
более трёх лет назад
1462 просмотра
4
комментария
Подписаться
1
Простой
4
комментария
Facebook
Вконтакте
Twitter
twobomb
@twobomb
Логика: при входе опускаем скрол вниз, и при получении сообщения опускаем скроп вниз если до это он был внизу, для этого можно флаг создать.
Написано
более трёх лет назад
ThunderCat
@ThunderCat
Куратор тега CSS
это делается на js, при загрузке чата и получении/написании сообщения скроллить до последнего элемента.
Написано
более трёх лет назад
Aslan
@aslan0ff
Автор вопроса
ThunderCat
, подскажете?
Написано
более трёх лет назад
ThunderCat
@ThunderCat
Куратор тега CSS
Aslan
, что ? "ок гугл, скролл на js"?
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
hzzzzl
@hzzzzl
https://stackoverflow.com/questions/25505778/autom...
container.scrollTop = container.scrollHeight;
и это обновлять при каждом новом сообщении через JS
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Почему не срабатывает удаление класса?
1 подписчик
вчера
118 просмотров
2
ответа
HTML
+1 ещё
Простой
Как сделать нестандартную рамку?
1 подписчик
вчера
114 просмотров
1
ответ
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
652 просмотра
1
ответ
HTML
+1 ещё
Простой
Код не работает, как так?
3 подписчика
08 мая
1915 просмотров
2
ответа
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
07 мая
179 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
413 просмотров
2
ответа
HTML
+1 ещё
Простой
Различие скелета в пк версии и телефонной, как лучше всего делать такие вещи?
1 подписчик
02 мая
176 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Проблема с WordPress как исправить ошибку?
2 подписчика
01 мая
1355 просмотров
0
ответов
HTML
+1 ещё
Простой
Как зафиксировать кнопки в html?
1 подписчик
30 апр.
156 просмотров
1
ответ
CSS
Простой
Как сделать анимацию разворачивающегося сразу в две стороны свитка с информацией?
2 подписчика
30 апр.
550 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Frontend разработчик
AMarkets
•
Москва
от 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама