Видаліть смуги прокрутки з області тексту

Відповідно до мого попереднього запитання ( Додайте смугу прокрутки до <textarea> ) про те, як завжди бачити смугу прокрутки в a <textarea>, зараз мені цікаво, як ви встановите її так, щоб у ній не було смуги прокрутки <textarea>, навіть коли текст переповнюється. Щоб прокрутити вниз за допомогою цього пункту, ви використовуєте клавіші зі стрілками або мишу для навігації по тексту.

Як я можу це зробити?

Спробуйте наступне, не впевнені, який буде працювати для всіх браузерів або браузера, з яким ви працюєте, але найкраще спробувати всі:

<textarea style="overflow:auto"></textarea>

Або

<textarea style="overflow:hidden"></textarea>

... Як було запропоновано вище

Ви також можете спробувати додати це, я ніколи раніше цим не користувався, просто побачив, що його сьогодні розмістили на сайті:

<textarea style="resize:none"></textarea>

Цей останній варіант позбавить можливості змінювати розмір textarea. Ви можете знайти більше інформації про resizeвластивість CSS тут

style="overflow: hidden"і style="resize: none"були тими, хто зробив трюк.

Для MS IE 10 вам, мабуть, доведеться зробити наступне:

-ms-overflow-style: none

Дивіться наступне:

https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx

Дайте клас, наприклад: scrollтегу textarea. А в css додайте цю властивість -

.scroll::-webkit-scrollbar {
   display: none;
 }

<textarea class='scroll'></textarea>

Це спрацювало, не пропустивши частину прокрутки

Приховати смугу прокрутки, але при цьому все ще можна прокручувати за допомогою CSS

Щоб приховати смугу прокрутки, використовуйте -webkit-, оскільки вона підтримується основними браузерами (Google Chrome, Safari або новіші версії Opera). Існує багато інших варіантів для інших браузерів, які перелічені нижче:

    -webkit- (Chrome, Safari, newer versions of Opera):
    .element::-webkit-scrollbar { width: 0 !important }
    -moz- (Firefox):
    .element { overflow: -moz-scrollbars-none; }
    -ms- (Internet Explorer +10):
    .element { -ms-overflow-style: none; }

посилання: https://www.geeksforgeeks.org/hide-scroll-bar-but- while-still-being-able-to-scroll-using- css/

Я зміг позбутися смуги прокрутки на тілі тексту, видаливши атрибут max-height для мого класу.

Сховати смугу прокрутки для Mozilla.

  overflow: -moz-hidden-unscrollable;