@Caricatu

Не работает скролл на фоне блока. Как исправить?

Делаю симулятор мобильного для игры, и в том чате, куда вывожу сообщения есть фон, задан он картинкой и помещен в тот же блок, что и сообщения у блока чата задана высота, стоит overflow-y: auto; и все как бы работает: скролл скролит, сообщения туда-сюда ездят. Но есть нюанс - когда курсор попадает не на сообщение, а на фон, то скролл работать перестает. Я вроде понимаю, что избыток по вертикали создают как раз сообщения и потому наведя на них скролл и работает, а фон он будто вписан в размер и ему не нужно скролиться у него стоит position: absolute; , но мне нужно чтоб у игрока скролилось во всем окне чата, а не только на сообщениях. Потому что иногда курсор даже случайно попадает между сообщениями и все останавливается будто глючит или вообще не работает, но наведя на сообщение все тут же оживает. Как исправить?

.chat {
    display: flex;
    background: #293d36;
    height: 80%;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto; 

.chatBg {
    position: absolute;
}
  • Вопрос задан
  • 43 просмотра
Решения вопроса 1
imko
@imko
Senior Scratch Developer
.chatBg {
    pointer-events: none;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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