установите полосу прокрутки в значение c div

Question

У меня есть полоса прокрутки внутри div, называемая "smsBlk". Я хотел бы переместить эту полосу прокрутки к определенному элементу («msgUnread»), который является дочерним элементом «smsBlk». Все дочерние элементы будут отображаться динамически.

<div id="smsBlk" class="" style="height: calc(100vh - 320px);overflow-y: scroll;margin-bottom: 10px;padding: 20px;width:100%;background: #ecf0f1;">
<div class="msg"></div>
<div class="msg"></div>
<div class="msg"></div>
<div id="msgUnread" class="msg"></div>
<div class="msg"></div>
<div class="msg"></div>
</div>

Пробовал с использованием offSet (). Top. Но не повезло. offSet (). Верх элемента msgUnread возвращал отрицательное значение, если мы прокручиваем вниз. Эта полоса прокрутки не для всей страницы. Может ли кто-нибудь помочь мне достичь функциональности? Заранее спасибо!

Answer 1

Вы можете попробовать это

document.getElementById('msgUnread').scrollIntoView({behavior: 'smooth'});

Примечание : Такое поведение плавной прокрутки будет хорошо работать в chrome, но я не уверен с другими браузерами