Як встановити за замовчуванням смугу прокрутки текстового поля внизу?

У мене є текстова область, яка динамічно перезавантажується під час надсилання вводу користувача. Вона оновлюється кожні пару секунд. Коли кількість тексту в цій області тексту перевищує розмір області тексту, з’являється смуга прокрутки. Однак смуга прокрутки насправді не придатна для використання, оскільки якщо ви почнете прокручувати вниз, через пару секунд текстове поле оновиться і поверне смужку прокрутки назад угору. Я хочу встановити смужку прокрутки за замовчуванням, щоб відображати самий нижній текст. Хтось має уявлення про те, як це зробити?

досить просто, у ванільному javascript:

var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;

Ви можете використовувати це з jQuery

$(document).ready(function(){
    var $textarea = $('#textarea_id');
    $textarea.scrollTop($textarea[0].scrollHeight);
});

У мене була та ж проблема, і я виявив, що немає атрибута, який можна було б спочатку встановити для отримання правильної поведінки прокрутки. Однак, після оновлення тексту в textArea, відразу після тієї ж функції ви можете встановити focus () на textArea, щоб прокрутити його донизу. Потім ви можете зателефонувати focus()в якесь інше поле введення, щоб дозволити користувачеві вводити в це поле. Це працює як шарм:

function myFunc() {
    var txtArea = document.getElementById("myTextarea");
    txtArea.value += "whatever"; // doesn't matter how it is updated
    txtArea.focus();
    var someOtherElem = document.getElementById("smallInputBox");
    someOtherElem.focus();
}

У вашому HTML ...

<textarea id="logTextArea" style="width:600px;height:200px;"></textarea>

У вашому Javascript ...

<script language="javascript">

    function loadLog(logValue) {
        logTa = document.getElementById("logTextArea")
        logTa.value = logValue;
        scrollLogToBottom()
    }

    function scrollLogToBottom() {
        logTa = document.getElementById("logTextArea")
        logTa.scrollTop = logTa.scrollHeight;
    }

    loadLog("This is my really long text block from a file ... ")

</script>

Я виявив, що вам потрібно помістити код, щоб встановити scrollHeight в окрему функцію після завантаження нового значення в текстову область.