GeorgeGeorge
@GeorgeGeorge
Студент

Как сверстать страницу аля диалог Вконтакте ?

Всем доброго времени суток !
Как сверстать страницу как страница диалога Вконтакте ?
Все элементы фиксированные кроме списка сообщений (хидер, сайдбар, форма отправки) ?
Я смог зафиксировать хидер, сайдбар, форму. Что делать со списком сообщений - не пойму. Уже часа 2 головую ломаю
Подскажите пожалуйста.
  • Вопрос задан
  • 3012 просмотров
Решения вопроса 1
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
Инспектор элементов для кого придумали?

Весь UI у вконтактика фиксированный, к подложке с чатом добавляется паддинг с верху и снизу (это позволяет эмитировать поведение, при котором скролится не блок отдельный а вся страница). Ну... и все. Своего рода вьюпорт для контента, обертка.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@maxyc_webber
Web-программист
список это обычный див. overflow: scroll-y;height:200px; туда яваскриптом записывать тексты.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы