Как сделать, чтобы после обновления страницы перематывалась вниз?</h1> </div> <div class="question-subheader"> <a href="https://ru.stackoverflow.com/u/446248" class="question-author" target="_blank"> Автор вопроса: zankorobos </a> </div> <div class="question-text"> <p>В теге <code>textarea</code> хранится большое количество тескта, больше чем сама <code>textarea</code> и после обновления страницы ползунок всегда переходит вверх, в начало текста. Как сделать, чтобы изначально текст перематывался вниз?</p> <br> </div> <div class="question-source"> <a href="https://ru.stackoverflow.com/q/1305002" target="_blank" class="source-link">Источник</a> </div> <div class="after"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-7213297900893379" data-ad-slot="7637638360"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="answers"> <h3 class="answers-title"> Ответы <span>(1 шт):</span> </h3> <div class="answers-list"> <div class="answers-item" id="answer-1"> <a href="https://ru.stackoverflow.com/u/265406" target="_blank" class="answer-author">Автор решения: UModeL</a> <div class="answer-content"><p>Установите положение прокрутки равное высоте прокрутки:</p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>const textarea = document.querySelector('textarea'); window.addEventListener('load', function() { textarea.scrollTop = textarea.scrollHeight; });</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><textarea style="height: 160px; width: 100px; font-size: 24px;">В теге textarea хранится большое количество тескта, больше чем сама textarea и после обновления страницы ползунок всегда переходит вверх, в начало текста. Как сделать, чтобы изначально текст перематывался вниз?</textarea></code></pre> </div> </div> </p> </div> <a href="#answer-1" class="answer-link">→ Ссылка</a> </div> </div> </div> <div class="answers-vk">  <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v18.0&appId=2623658001082461" nonce="x6mCrB0v"></script> <div class="fb-comments" data-href="https://huslhub.com" data-width="850" data-numposts="5"></div> </div> </div> </div> </div> </div> <div class="footer-outer"> <div class="container"> <div class="footer"> <p> <span>licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="nofollow">cc by-sa 3.0</a> with attribution. </span> </p> </div> </div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-61W54EQCFG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-61W54EQCFG'); </script>    </body> </html>