0

поставил при нажатии кнопки отправить метод scroll

scroll() {
document.getElementById('textmessage').scrollTop = document.getElementById('textmessage').scrollHeight;
}

при нажатии на кнопку отправить ползунок опускается вниз, но не прокручивается до последнего сообщения. действие при нажатии на кнопку

весь код компонента

1 ответ 1

2

Вы можете прописать

document.getElementById('textmessage').scrollTop = 
document.getElementById('textmessage').scrollHeight;

И добавить к document.getElementById('textmessage').scrollHeight высоту блока с сообщением, если у вас не проходит скролл до последнего сообщения.

Я так понимаю вы сначала отправляете сообщение, а затем прокручиваете ленту вниз. Попробуйте сделать это Асинхронно, потому что при отправке сообщения, из-за синхронизации кода, может уже пройти прокрутка, и новое сообщение просто добавится ниже, а прокрутка останется на том же месте.

1
  • Спасибо! теперь работает как надо при отправке сообщения! осталась только при входящем сообщении прокручиваться вниз и при старте установить начальную позицию скрола в самом низу 19 апр 2019 в 3:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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