डिव ओवरफ्लो पर वर्टिकल स्क्रॉल बार को अक्षम करें: ऑटो

Question

क्या अतिप्रवाह का उपयोग करते समय केवल एक क्षैतिज स्क्रॉल बार की अनुमति देना संभव है: ऑटो (या स्क्रॉल)?

Comments

ध्यान दें कि margin-bottomएक नकारात्मक मान के साथ गड़बड़ होगा overflow-y: hiddenआदि

— एंड्रयू

Answer 1

स्क्रॉलबार को छिपाने के लिए इन दो सीएसएस गुणों का उपयोग किया जा सकता है:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

Comments

@Coulton सफारी और क्रोम के बारे में क्या?

— क्मामास्टर

के अनुसार इस यह सफारी में काम करता है और मैं इसे क्रोम में काम करता है।

— ल्यूक

वर्थ उल्लेख करते हुए कि आप अभी भी div का उपयोग करते हुए स्क्रॉल कर सकते हैं tab, बशर्ते छिपे हुए अतिप्रवाह में लिंक या इनपुट तत्व हैं

— विलियम ब्रोकमैन

Answer 2

आपको केवल उपयोग करना चाहिए

overflow-y:hidden; - वर्टिकल स्क्रॉल को छिपाने के लिए इसका उपयोग करें

overflow-x:auto; - क्षैतिज स्क्रॉल दिखाने के लिए इसका उपयोग करें

ल्यूक ने दोनों को छिपा हुआ बताया है। इसलिए मैंने इसे अलग से दिया है।

Answer 3

अतिप्रवाह: ऑटो;
अतिप्रवाह-य: छिपा हुआ;

IE8 के लिए: -ms-overflow-y: छिपा हुआ;

वरना :

X छुपाने के लिए :

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

Y छिपाने के लिए :

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Answer 4

यदि आप गेको (NS6 +, मोज़िला, इत्यादि) और IE4 + में समान रूप से पूरा करना चाहते हैं, तो मेरा मानना ​​है कि इस चाल को करना चाहिए: V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

यह पूरे बॉडी टैग पर लागू होगा, कृपया इसे अपने संबंधित सीएसएस में अपडेट करें और इस गुण को लागू करें।

Answer 5

निम्नलिखित जोड़ें:

body{
overflow-y:hidden;
}

Answer 6

यह नियम सभी ब्राउज़र के अनुकूल सफेद हैं:

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }

Answer 7

शॉर्टहैंड नोटेशन के बारे में कैसे?

{overflow: auto hidden;}

Answer 8

यदि आप स्क्रॉलबार को अक्षम करना चाहते हैं, लेकिन फिर भी आंतरिक DIV की सामग्री को स्क्रॉल करने में सक्षम हैं, तो css में नीचे दिए गए कोड का उपयोग करें,

.divHideScroll::-webkit-scrollbar {
    width: 0 !important
}
.divHideScroll {
    overflow: -moz-scrollbars-none;
}
.divHideScroll {
    -ms-overflow-style: none;
}

divHideScroll लक्ष्य div का वर्ग नाम है।

यह सभी प्रमुख ब्राउज़र (क्रोम, सफारी, मोज़िला, ओपेरा और IE) में काम करेगा