Metin alanından kaydırma çubuklarını kaldırın

Kaydırma çubuğunu a'da her zaman nasıl göreceğime dair önceki sorumu ( <metin alanına> kaydırma çubuğu ekleyin) takiben <textarea>, şimdi bunu nasıl ayarlayacağınızı merak ediyorum, böylece <textarea>metin taştığında bile içinde kaydırma çubuğu kalmasın . Bununla aşağı kaydırmak için, metin içinde gezinmek için ok tuşlarını veya fareyi kullanırsınız.

Bunu nasıl yapabilirim?

Aşağıdakileri deneyin, tüm tarayıcılarda veya birlikte çalıştığınız tarayıcıda hangisinin işe yarayacağından emin değilsiniz, ancak hepsini denemek en iyisi olacaktır:

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

Veya

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

... yukarıda önerildiği gibi

Bunu eklemeyi de deneyebilirsiniz, daha önce hiç kullanmadım, bugün bir sitede yayınlandığını gördüm:

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

Bu son seçenek textarea,. CSS resizeözelliği hakkında daha fazla bilgiyi burada bulabilirsiniz

style="overflow: hidden"ve style="resize: none"hile yapanlardı.

MS IE 10 için muhtemelen aşağıdakileri yapmanız gerektiğini göreceksiniz:

-ms-overflow-style: none

Aşağıdakilere bakın:

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

Örneğin scrolltextarea etiketine bir sınıf verin . Ve css'de bu özelliği ekleyin -

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

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

Kaydırma kısmını kaçırmadan çalıştı

Kaydırma çubuğunu gizleyin, ancak yine de CSS kullanarak kaydırabilirsiniz

Kaydırma çubuğunu gizlemek için -webkit- kullanın çünkü büyük tarayıcılar (Google Chrome, Safari veya Opera'nın daha yeni sürümleri) tarafından desteklenmektedir. Aşağıda listelenen diğer tarayıcılar için birçok seçenek vardır:

    -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/

Sınıfımın maksimum yükseklik özniteliğini kaldırarak metin gövdesindeki kaydırma çubuğumdan kurtulabildim.

Mozilla için kaydırma çubuğunu gizleyin.

  overflow: -moz-hidden-unscrollable;