0

Делаю чат. После того как приходит новое сообщение, прокручиваю скролл до конца страницы, что бы отобразить его:

 function scrollDown() {
        let scrollbar = document.querySelector('.content');
         scrollbar.scrollTop = scrollbar.scrollHeight;
    }

Во всех браузерах всё работает как надо. Когда вызываю эту функцию, скролл элемента content прокручивается вниз.И там остаётся. В Safari же, эта функция срабатывает, скролл прокручивается но стоит провести мышкой над страницей, улетает вверх.Из за чего он так себя ведёт, как побороть?

1
  • вижу что проблема в css-grid.Работает нормально если ставлю высоту элемента в пикселях.В любом другом случае (fr,max-content) глючит скролл, улетая наверх.
    – Roman
    16 июл 2019 в 7:37

1 ответ 1

0

Div content был css grid элементом. В нем были иконки которые появлялись по hover-у. Не знаю почему но в этот момент (в момент когда иконки становились display:block) Safari прокручивал скролл к верху страницы. Два решения, либо давать грид элементу четкую высоту в пикселях, либо отключить появление новых элементов после того как страница отрисовалась.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.