दिलचस्प पोस्ट
कैसे MySQL में संबंध बनाने के लिए एंड्रॉइड ऐप में संपर्क सूची से एक नंबर और नाम चुनें मोबाइल के लिए HTTP शीर्षक "सामग्री-प्रकार: आवेदन / बल-डाउनलोड" की उपयोगिता? क्या उत्पाद समीक्षाओं को प्राप्त करने के लिए एक Amazon.com API है? विंडोज़ के अंतर्गत ओपनजीएल एक्सटेंशन का उपयोग करने के लिए GLEW का उपयोग करना पृष्ठ के लिए पृष्ठभूमि रंग प्रदर्शित करें और केंद्र में टेक्स्ट को संरेखित करें कस्टम सूचना लेआउट और पाठ रंग Three.js Collada – निपटान के लिए उचित तरीका क्या है () और स्मृति (कूड़ा संग्रह) को रिलीज करना है? आईफोन इन-ऐप खरीद स्टोर किट त्रुटि -1003 "आईट्यून्स स्टोर से कनेक्ट नहीं हो सकता" मैं आईफोन 3.0 ओएस में एनएसयूआरईआरआरडॉम त्रुटि -999 को ठीक कैसे कर सकता हूं ViewPager wrap_content काम नहीं कर रहा है एक प्रोग्राम में OpenSSL पुस्तकालयों को लिंक करना आने वाले संदेशों (65536) के लिए अधिकतम संदेश आकार कोटा पार कर लिया गया है सी ++ में पीआई स्थिरता का उपयोग कैसे करें एक अलग div में लगातार ओवरफ़्लो पाठ?

सीएसएस का प्रयोग करके एक खड़ी स्क्रॉल करना

इस

एक div देता है जो उपयोगकर्ता क्षैतिज और लंबवत रूप से दोनों में स्क्रॉल कर सकता है मैं इसे कैसे बदल सकता हूँ ताकि div केवल खड़ी स्क्रॉल हो सके?

Solutions Collecting From Web of "सीएसएस का प्रयोग करके एक खड़ी स्क्रॉल करना"

आपने गलत संपत्ति का उपयोग करने से इसे कवर किया है स्क्रॉलबार को किसी भी संपत्ति overflow , overflow-x या overflow-y चालू किया जा सकता है और प्रत्येक को किसी भी visible , hidden , scroll , auto या inherit सेट किया जा सकता है आप वर्तमान में इन दो को देख रहे हैं:

  • auto – यह मान बॉक्स की चौड़ाई और ऊंचाई पर दिखेगा। यदि उन्हें परिभाषित किया गया है, तो यह उन सीमाओं से पहले बॉक्स का विस्तार नहीं होने देगा। इसके बजाय (अगर सामग्री उन सीमाओं से अधिक हो जाती है), तो यह एक सीमावर्ती सीमा (या दोनों) के लिए एक स्क्रॉलबार बनाती है जो इसकी लंबाई से अधिक है।

  • scroll – यह मान एक स्क्रॉलबार को बल देता है, चाहे कोई भी हो, भले ही सामग्री सीमा सेट से अधिक न हो। यदि सामग्री को स्क्रॉल करने की आवश्यकता नहीं है, तो बार "अक्षम" या गैर-इंटरैक्टिव के रूप में दिखाई देगा।

यदि आप हमेशा ऊर्ध्वाधर स्क्रॉलबार को दिखाना चाहते हैं:

आपको overflow-y: scroll उपयोग करना चाहिए overflow-y: scroll यह एक स्क्रॉलबार को ऊर्ध्वाधर अक्ष के लिए प्रकट करने के लिए बाध्य करता है चाहे इसकी आवश्यकता हो या नहीं। यदि आप वास्तव में संदर्भ को स्क्रॉल नहीं कर सकते हैं, तो यह "अक्षम" स्क्रॉलबार के रूप में दिखाई देगा।

यदि आप केवल स्क्रॉलबार को दिखाना चाहते हैं, तो आप बॉक्स को स्क्रॉल कर सकते हैं:

बस overflow: auto उपयोग करें overflow: auto चूंकि आपकी सामग्री डिफ़ॉल्ट रूप से केवल अगली पंक्ति में टूट जाती है, जब वह वर्तमान रेखा पर फिट नहीं हो सकती है, तो एक क्षैतिज स्क्रॉलबार नहीं बनाया जाएगा (जब तक कि किसी ऐसे तत्व पर न हो जिसके पास शब्द-लपेटकर अक्षम है)। ऊर्ध्वाधर बार के लिए, यह सामग्री को आपके द्वारा निर्दिष्ट की गई ऊंचाई तक विस्तारित करने की अनुमति देगा। अगर यह उस ऊँचाई से अधिक है, तो यह शेष सामग्री को देखने के लिए एक खड़ी स्क्रॉलबार दिखाएगा, लेकिन वह स्क्रॉलबार नहीं दिखाएगा यदि वह ऊंचाई से अधिक नहीं हो

इस तरह की कोशिश करो।

 <div style="overflow-y: scroll; height:400px;"> 

100% व्यूपोर्ट ऊंचाई का उपयोग करने के लिए:

 overflow: auto; max-height: 100vh; 

overflow-y: auto; उपयोग करें overflow-y: auto; div पर

इसके अलावा, आपको चौड़ाई भी निर्धारित करना चाहिए।

आप इसके बजाय इस कोड का उपयोग कर सकते हैं।

 <div id="" style="overflow-y:scroll; overflow-x:hidden; height:400px;"> 

अतिप्रवाह-एक्स : ओवरफ्लो-एक्स प्रॉपर्टी निर्दिष्ट करती है कि सामग्री के बाएं / दाएं किनारों के साथ क्या करना है – यदि यह तत्व की सामग्री क्षेत्र को ओवरफ्लो करता है
अतिप्रवाह- y : अतिप्रवाह- y संपत्ति निर्दिष्ट करती है कि सामग्री के ऊपर / नीचे की किनारों के साथ क्या करना है – यदि यह तत्व की सामग्री क्षेत्र से अधिक हो जाता है

मान
दृश्यमान : डिफ़ॉल्ट मान सामग्री काटा नहीं गया है, और यह सामग्री बॉक्स के बाहर गाया जा सकता है
छिपा हुआ : सामग्री काटा गया है – और कोई स्क्रॉलिंग तंत्र उपलब्ध नहीं है।
स्क्रॉल : सामग्री काट दिया गया है और एक स्क्रॉलिंग तंत्र प्रदान किया गया है।
ऑटो : एक स्क्रॉलिंग तंत्र को अतिप्रवाह बक्से के लिए प्रदान किया जाना चाहिए।
प्रारंभिक : इस प्रॉपर्टी को अपने डिफ़ॉल्ट मान पर सेट करता है
इस संपत्ति को इसके मूल तत्व से विरासत में ले लेता है

मेरे लिए इन सभी उत्तरों के साथ समस्या यह थी कि वे उत्तरदायी नहीं थे। मेरे पास एक माता पिता की एक निश्चित ऊंचाई है जिसके लिए मैं नहीं चाहता था। मैं भी मीडिया प्रश्नों के साथ घूमने के लिए एक टन का समय खर्च नहीं करना चाहता था। यदि आप कोणीय का उपयोग कर रहे हैं, तो आप bootstraps tabset का उपयोग कर सकते हैं और यह आपके लिए सभी कड़ी मेहनत करेगा। आप आंतरिक सामग्री को स्क्रॉल करने में सक्षम होंगे और यह उत्तरदायी होगा। जब आप टैब सेटअप करते हैं, तो इसे इसे पसंद करें: $scope.tab = { title: '', url: '', theclass: '', ative: true }; … मुद्दा यह है, आप एक शीर्षक या छवि आइकन नहीं चाहते हैं तो इस तरह सीएस में टैब की रूपरेखा छिपाएं: .nav-tabs { border-bottom:none; } .nav-tabs { border-bottom:none; } और यह भी। .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border:none;} और अंत में निकालने के लिए अदृश्य टैब जिसे आप अभी भी क्लिक कर सकते हैं यदि आप इसे लागू नहीं करते हैं:। .nav > li > a {padding:0px;margin:0px;}

आप overflow-y: scroll उपयोग कर सकते हैं overflow-y: scroll खड़ी स्क्रॉलिंग के लिए स्क्रॉल करें।

 <div style="overflow-y:scroll; height:400px; background:gray"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>