टेक्‍स्‍टारिया से स्‍क्रॉलबार्स निकालें

Question

मेरे पिछले प्रश्न तक ( स्क्रॉलबार को एक <textarea> में जोड़ें ) कैसे हमेशा स्क्रॉलबार को एक में देखें <textarea>, मैं अब सोच रहा हूं कि आप इसे कैसे सेट करेंगे ताकि <textarea>पाठ ओवरफ्लो होने पर भी इसमें कोई स्क्रॉलबार न हो । इसके साथ नीचे स्क्रॉल करने के लिए, आप टेक्स्ट के माध्यम से नेविगेट करने के लिए तीर कुंजियों या माउस का उपयोग करेंगे।

मैं यह कैसे कर सकता हूँ?

Comments

क्या आपने कोशिश की <textarea style="overflow:hidden"></textarea>?

— एंडीब

Answer 1

निम्नलिखित को आज़माएँ, यह निश्चित नहीं है कि सभी ब्राउज़र या आपके साथ काम करने वाले ब्राउज़र के लिए काम करेगा, लेकिन सभी को आज़माना सबसे अच्छा होगा:

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

या

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

... जैसा कि ऊपर बताया गया है

आप इसे जोड़ने का भी प्रयास कर सकते हैं, मैंने पहले कभी इसका इस्तेमाल नहीं किया, बस आज इसे किसी साइट पर पोस्ट करते देखा:

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

यह अंतिम विकल्प आकार बदलने की क्षमता को हटा देगा textarea। आप सीएसएस resizeसंपत्ति पर अधिक जानकारी यहां पा सकते हैं

Comments

textarea_element.style.overflow = "छिपा हुआ"; (फ़ायरफ़ॉक्स 44.0 में काम किया)

— AAAfarmclub

यह दृष्टिकोण स्क्रॉलबार को छुपाता है, लेकिन यदि आपकी सामग्री बड़ी है तो यह इसे और स्क्रॉल नहीं करता है।

— वॉनो

के साथ गठबंधन stackoverflow.com/questions/58169328/growing-textarea-in-blazor

— जेन्स मंदर

Answer 2

style="overflow: hidden"और style="resize: none"जो चाल चले थे।

Comments

यह वास्तव में कैसे एक जवाब नहीं है?

— रोबो

Answer 3

MS IE 10 के लिए आपको संभवतः निम्नलिखित कार्य करने होंगे:

-ms-overflow-style: none

निम्नलिखित देखें:

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

Comments

यह। IE10 के लिए काम करने के लिए और कुछ नहीं लगता है। उत्तम सामग्री।

— जिम्बो जॉनी

धन्यवाद। सही समाधान।

— 18 फरवरी को 3themagical

Answer 4

उदाहरण के लिए एक कक्षा दें: scrolltextarea टैग को। और सीएसएस में इस संपत्ति को जोड़ें -

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

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

यह स्क्रॉल भाग को याद किए बिना काम करता है

Answer 5

स्क्रॉल बार छुपाएं, लेकिन अभी भी CSS का उपयोग करके स्क्रॉल करने में सक्षम है

स्क्रॉलबार के उपयोग को छिपाने के लिए -webkit- क्योंकि यह प्रमुख ब्राउज़रों (Google क्रोम, सफारी या ओपेरा के नए संस्करणों) द्वारा समर्थित है। अन्य ब्राउज़रों के लिए कई अन्य विकल्प हैं जो नीचे सूचीबद्ध हैं:

    -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-ward-still-being-able-to-scroll-use-css/

Answer 6

मैं अपनी कक्षा की अधिकतम ऊंचाई विशेषता को हटाकर पाठ के शरीर पर अपनी स्क्रॉल पट्टी से छुटकारा पाने में सक्षम था।

Answer 7

मोज़िला के लिए स्क्रॉल बार छुपाएं।

  overflow: -moz-hidden-unscrollable;