#html #css #textarea #scrollbar #materialize
Вопрос:
Рассмотрим этот код:
lt;!DOCTYPE htmlgt; lt;htmlgt; lt;headgt; lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" /gt; lt;link href="https://fonts.googleapis.com/icon?family=Material Icons" rel="stylesheet" /gt; lt;meta charset="UTF-8" /gt; lt;main class="container" id="main" style="max-width: 90%"gt; lt;div class="row" style="overflow: hidden"gt; lt;div class="col s12 m5 l5 xl5"gt; lt;form class="grey lighten-3"gt; lt;div class="input-field"gt; lt;textarea id="textarea1" class="materialize-textarea" rows="18" style="overflow-y: scroll; height: 20rem !important; max-height: 20rem" gt;lt;/textareagt; lt;label for="textarea1"gt;Input 1lt;/labelgt; lt;/divgt; lt;/formgt; lt;/divgt; lt;/divgt; lt;div class="row"gt; lt;div class="col s12 m5 l5 xl5"gt; lt;form class="grey lighten-3"gt; lt;div class="input-field"gt; lt;textarea id="textarea2" class="materialize-textarea" rows="18" style="overflow-y: scroll; height: 20rem !important; max-height: 20rem" gt;lt;/textareagt; lt;label for="textarea2"gt;Input 2lt;/labelgt; lt;/divgt; lt;/formgt; lt;/divgt; lt;/divgt; lt;/maingt; lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"gt;lt;/scriptgt; lt;/bodygt; lt;/htmlgt; Возможно, это невозможно, но я пытался понять, как разместить много контента в любой из текстовых областей, не увеличивая высоту основного текста. Если я помещу, скажем, 100 строк содержимого в «textarea2», это создаст большую прокручиваемую область белого пространства внизу страницы. Я хочу попытаться избежать этого.
Хитрость в том, что я не хочу отключать прокрутку на главной странице. Например, если нижняя часть браузера перемещена вверх, чтобы покрыть половину «textarea2», то на главной странице появится полоса прокрутки, чтобы можно было прокрутить вниз, чтобы увидеть весь элемент «textarea2». Я не хочу отключать эту функцию, просто хочу, чтобы текстовые области не создавали стопки неприглядных пробелов.
ПРАВКА: Я должен добавить, что я буду использовать это с Electron, поэтому мне не нужно работать с другими браузерами.