У меня есть этот код:

<div id="conversationDiv" style="overflow:auto">

    <label>What is your name?</label><input type="text" id="name" />
    <button id="sendName" onclick="sendName();updateScroll();">Send</button>
    <p id="response"></p>

</div>

И у меня есть эта функция javascript, которую я запускаю после нажатия на кнопку «Отправить», и она продолжает работать через 1 секунду.

<script type="text/javascript">
function updateScroll() {
        setInterval(function(){ var element = document.getElementById("conversationDiv");
        element.scrollTop = element.scrollHeight; }, 1000);
    }
</script>

Это моя функция sendName (), если кто-то хочет увидеть:

function sendName() {
        var name = document.getElementById('name').value;
        stompClient.send("/app/hello", {}, JSON.stringify({ 'name': name }));
    }

Но проблема в том, что моя полоса прокрутки никогда не бывает внизу.

Я использую соединение Websocket, и информация продолжает поступать и приходить, и когда информации достаточно для появления полосы прокрутки, я не хочу, чтобы она увеличивалась. Я хотел бы, чтобы он оставался на дне, если пользователь не прокручивает обратно сам. Я не знаю, почему мой код не работает. Любая помощь приветствуется. Спасибо