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ć?
Odpowiedzi:
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ść -
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;
<textarea style="overflow:hidden"></textarea>?