दिलचस्प पोस्ट
जावा में पैरामीटर के रूप में फ़ंक्शन कैसे पास करें? PostgreSQL में ओवरलैपिंग डेट श्रेणियों का पता लगाएं नेस्टेड संसाधनों के लिए form_for प्रोग्राम scanf ("% c", & yn) के साथ उपयोगकर्ता इनपुट की प्रतीक्षा नहीं करता है; रनटाइम अपवाद: आपकी सामग्री में एक ListView होना चाहिए जिसका आईडी विशेषता 'android.r.id.list' है मैं एक बुनियादी UIButton प्रोग्राम कैसे बनाऊं? LINQ से SQL में आंतरिक रूप से शामिल होने के लिए सिंटैक्स क्या है? लिनक्स में दो सूचियों के बीच एक लिंक स्थापित करें जहां खंड कैसे एक drawable से शैली विशेषताओं को संदर्भित? JSP में मैं जावा स्क्रिप्टलेट को कैसे जावास्क्रिप्ट मान देता हूं? बड़े स्विंग घटक छपाई क्रोम एक्सटेंशन के ब्राउज़र एक्शन, पृष्ठभूमि स्क्रिप्ट, और कंटेंट स्क्रिप्ट के बीच संचार के संदर्भ और तरीके? क्या कोई ऑनलाइन रेगेक्स बड्डी जैसी नियमित अभिव्यक्ति विश्लेषक है? गैर मानक स्थान में SSL समर्थन के साथ पायथन का निर्माण जब मैं एक टेबल चर बनाम अस्थायी तालिका में sql सर्वर का उपयोग करना चाहिए?

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

इस

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

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

वेब के समाधान से एकत्रित समाधान "सीएसएस का प्रयोग करके एक खड़ी स्क्रॉल करना"

आपने गलत संपत्ति का उपयोग करने से इसे कवर किया है स्क्रॉलबार को किसी भी संपत्ति 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>