Автоматический скроллинг ul

Question

Мне необходимо сделать так, чтобы при входе на страницу начинался скролл Я немного не понимаю как это можно реализовать, хоть и представляю себе картину кода

Пример: https://youtu.be/K9_dJqUZ-2g?t=25

Код -

<!DOCTYPE html>
<html>
    <head>
        <title>...</title>
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/bootstrap.css">
        <script rel="stylesheet" href="js"></script>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Amatic+SC&family=Shadows+Into+Light+Two&display=swap" rel="stylesheet">
    </head>
    <body class="redglet">
        <div class="r">
            <ul>Бла-Бла</ul>
            <ul>Бла-Бла</ul>
            <ul>Бла-Бла</ul>
            <ul>Бла-Бла</ul>
            <ul>Бла-Бла</ul>
            <ul>Бла-Бла</ul>
            <ul>Бла-Бла</ul>
            <ul>Бла-Бла</ul>
        </div>
    </body>
</html>

Заранее спасибо!

Answer 1

Попробуйте воспользоватся каким нибудь фраемворком, если не помогает есть другой варинат: https://www.cyberforum.ru/javascript/thread1348521.html

Answer 2

    <ul id="ulMessages" style="overflow-y:auto; height:360px; max-height:360px;"></ul>
    <script type="text/javascript">
        ulMessages = document.getElementById('ulMessages');
        ulMessages.scrollTop = ulMessages.scrollHeight
    </script>

БЛОГ НА HUSL

Автоматический скроллинг ul

Ответы (2 шт):