Я написал форму HTML с текстовой областью, текстовым полем и кнопкой. Все, что я набрал в текстовом поле, будет добавлено в текстовое поле при нажатии кнопки. Теперь моя проблема заключается в том, когда текстовая область полностью заполнена, недавно появившийся текст появляется внизу, и мне нужно прокручивать вниз вручную, чтобы просмотреть этот текст. Существуют ли какой-либо метод в JavaScript, чтобы сделать поступающий текст, чтобы быть видимыми всегда без прокрутки вниз ... Пожалуйста, помогитеКак дать автоматический прокрутить до textarea
2
A
ответ
2
Я не совсем уверен, что это то, что вы хотите, но посмотреть этот:
var textarea = document.getElementById("textarea");
textarea.onkeyup = function(evt) {
this.scrollTop = this.scrollHeight;
}
Вы можете найти подробную информацию об этом здесь: Auto resizing textarea link down jquery
0
Этот пример увеличивает размер текстового поля, как добавляется текстовое содержание;
Javascript
var txt = $('#comments'),
hiddenDiv = $(document.createElement('div')),
content = null;
txt.addClass('txtstuff');
hiddenDiv.addClass('hiddendiv common');
$('body').append(hiddenDiv);
txt.on('input', function() {
content = $(this).val();
content = content.replace(/\n/g, '<br>');
hiddenDiv.html(content + '<br class="lbr">');
$(this).css('height', hiddenDiv.height());
});
txt.trigger('input');
CSS
body {
margin: 20px;
}
p {
margin-bottom: 14px;
}
textarea {
color: #444;
padding: 5px;
}
.txtstuff {
resize: none; /* remove this if you want the user to be able to resize it in modern browsers */
overflow: hidden;
}
.hiddendiv {
display: none;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
}
/* the styles for 'commmon' are applied to both the textarea and the hidden clone */
/* these must be the same for both */
.common {
width: 500px;
min-height: 50px;
font-family: Arial, sans-serif;
font-size: 13px;
overflow: hidden;
}
.lbr {
line-height: 3px;
}
0
Для имеющих функцию автоматической прокрутки для текстового поля добавить этот кусок кода в конце, где когда-либо вы пытаетесь для просмотра содержимого из текстового поля:
var console = $('#area');
console.scrollTop(
console[0].scrollHeight - console.height());
Надеется, что это помогает :)
Смежные вопросы
- 1. Как прокрутить GWT TextArea?
- 2. Запретить автоматический прокрутки и прокрутить до div
- 3. Textarea автоматический разрыв строки
- 4. ScrollPane прокрутить до нижней проблемы
- 5. Ext JS - Как прокрутить в конец Textarea
- 6. Как прокрутить JavaFX TextArea после setText
- 7. Как прокрутить textarea горизонтально в jquery?
- 8. Прокрутить до скрытого ввода
- 9. Как прокрутить список до ListBox?
- 10. Как прокрутить страницу до конца
- 11. Как прокрутить RichTextBox до конца?
- 12. Как прокрутить до конца UITableView?
- 13. Как прокрутить до конца System.Windows.Forms.WebBrowser?
- 14. Как прокрутить до определенного div?
- 15. Как прокрутить до имени привязки?
- 16. Как прокрутить до вершины ListFragment
- 17. Как прокрутить список до списка
- 18. Как прокрутить до указанной строки в QPlainTextEdit?
- 19. Прокрутить до конца
- 20. Прокрутить вниз до angularjs
- 21. Прокрутить вниз до KendoGrid
- 22. jQuery: Прокрутить до
- 23. Невозможно прокрутить текст заполнителя textarea в Firefox
- 24. Прокрутить до неправильного поля ERROR
- 25. Selenium - прокрутить до элемента
- 26. Прокрутить вверх до максимума
- 27. JQuery - прокрутить до div
- 28. Прокрутить до конца
- 29. Как прокрутить и прокрутить до последнего в Appium
- 30. jQuery - автоматический ввод текста (не textarea!)
Это может быть достигнуто с помощью Javascript или Jquery вашего браузера не знает, что вы хотите, чтобы просмотреть этот текст –
Возможного дубликат [Как есть textarea, чтобы сохранить прокрутку снизу при обновлении] (https://stackoverflow.com/questions/7373081/how-to-have-a-textarea-to-keep-scrolled-to-the-bottom-when-updated) – LoganMzz