Usuń paski przewijania z obszaru tekstowego

W związku z moim poprzednim pytaniem ( Dodaj pasek przewijania do <textarea> ), jak zawsze wyświetlać pasek przewijania w a <textarea>, teraz zastanawiam się, jak ustawić go tak, aby nie było paska przewijania w programie <textarea>, nawet gdy tekst się przepełnia. Aby przewinąć w dół, możesz użyć klawiszy strzałek lub myszy do poruszania się po tekście.

Jak mogę to zrobić?

Spróbuj wykonać poniższe czynności, nie mając pewności, która będzie działać dla wszystkich przeglądarek lub przeglądarki, z którą pracujesz, ale najlepiej byłoby wypróbować wszystkie:

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

Lub

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

... Jak zasugerowano powyżej

Możesz także spróbować dodać to, nigdy wcześniej go nie używałem, po prostu widziałem, jak opublikowano to dzisiaj w witrynie:

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

Ta ostatnia opcja usunęłaby możliwość zmiany rozmiaru textarea. Więcej informacji na temat resizewłaściwości CSS można znaleźć tutaj

style="overflow: hidden"i style="resize: none"byli tymi, którzy załatwili sprawę.

W przypadku MS IE 10 prawdopodobnie okaże się, że musisz wykonać następujące czynności:

-ms-overflow-style: none

Zobacz następujące:

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

Podaj klasę np .: scrolldo tagu textarea. A w css dodaj tę właściwość -

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

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

To działało bez utraty części zwoju

Ukryj pasek przewijania, ale nadal możesz przewijać za pomocą CSS

Aby ukryć pasek przewijania, użyj -webkit-, ponieważ jest obsługiwany przez większość przeglądarek (Google Chrome, Safari lub nowsze wersje Opery). Istnieje wiele innych opcji dla innych przeglądarek, które są wymienione poniżej:

    -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; }

ref: https://www.geeksforgeeks.org/hide-scroll-bar-but-while-still-being-able-to-scroll-using-css/

Udało mi się pozbyć mojego paska przewijania w treści tekstu, usuwając atrybut max-height mojej klasy.

Ukryj pasek przewijania dla Mozilli.

  overflow: -moz-hidden-unscrollable;