जब मेरी मोडल पॉपअप विंडो खुलती है, तो यह ब्राउज़र विंडो के दाईं ओर एक लंबवत स्क्रॉलबार जोड़ती है। मैं इसे कैसे अक्षम करूं? मुझे लगता है कि यह सक्षम है जब मोडल विंडो में बहुत अधिक ऊंचाई मान होता है जहां इसे स्क्रॉल करने की आवश्यकता होती है। मैं इसे अक्षम करना चाहता हूं क्योंकि मेरी फॉर्म ऊंचाई खिड़की की ऊंचाई से अधिक नहीं है।बूटस्ट्रैप: वर्टिकल स्क्रॉलबार को कैसे अक्षम करें?
अपने सीएसएस ऐड में:
body {
overflow-y:hidden;
}
यह शरीर के लिए एक मोडल-ओपन क्लास भी जोड़ता है, जो स्कोलबार की क्षतिपूर्ति के लिए संभवतः 15px मार्जिन जोड़ देगा, लेकिन सामग्री को बाईं ओर स्थानांतरित करेगा अगर स्क्रॉलबार दिखाई नहीं दे रहा है। कि दूर करने के लिए इस परिभाषा जोड़ें: 'body.modal से खोलने, .modal खुले .navbar-फिक्स्ड-टॉप, .modal खुले .navbar-अचल नीचे { \t मार्जिन-सही: 0; } ' – sp00n
तो मॉडल खिड़की ऊंचाई सामान्य विंडो ऊंचाई की तुलना में अधिक नहीं है, यह स्क्रॉल पट्टी प्रदर्शित करने के लिए कोई मतलब नहीं है। मौसम विंडो के पीछे पृष्ठभूमि को फीका करने के लिए इस्तेमाल किए गए किसी भी <div></div> को मौसम की जांच करें दृष्टिकोण के मुकाबले अतिरिक्त ऊंचाई है।
मुझे बूटस्ट्रैप 3.0.0 के साथ एक ही समस्या है। ऐसा लगता है कि .modal कक्षा में overflow-y: scroll नियम है जिसके परिणामस्वरूप स्क्रॉलबार हमेशा दिखाई देता है।
तो आप इस तो स्थानीय संशोधन कर सकते हैं:
<div class="modal" ... style="overflow-y: auto;">
...
</div>
या विश्व स्तर पर:
<style>
.modal {
overflow-y: auto;
}
</style>
नाइस 1! यह अपेक्षित के रूप में काम करता है और चुनिंदा उत्तर होना चाहिए। धन्यवाद। – metamagicson
सवाल यह है कि बूटस्ट्रैप इसे इस तरह क्यों सेट करता है? मैं इसे तब तक नहीं छूंगा जब तक कि मुझे पता न हो कि क्या हो रहा था। यहां पूछा गया: https://github.com/twbs/bootstrap/issues/7972 –
मुझे बॉडी टैग से पैडिंग को भी हटाना पड़ा। तो यह कॉम्बो मेरे लिए काम किया। .modal {overflow-y: auto;} । मॉडल-ओपन {पैडिंग-दाएं: 0! महत्वपूर्ण;} – JacobLett
के रूप में शरीर के लिए शैली जोड़ें:
body {
padding-right: 0px !important;
overflow-y: hidden !important;
}
इस के बराबर है बूटस्ट्रैप के साथ करो। फायरबग या क्रोम के देव उपकरण से परिचित हो जाएं और HTML संरचना का निरीक्षण करें। सीएसएस के साथ आवश्यक के रूप में संशोधित करें। – isherwood
मुझे संदेह है कि यह एक और मुद्दा का संकेत है - शायद खराब मार्कअप। मान्य करना सुनिश्चित करें। –
@isherwood - इसे बूटस्ट्रैप के साथ करना है। जैसा कि नीचे दिए गए उत्तर में अल्क्स द्वारा इंगित किया गया है, बूटस्ट्रैप 3 में वास्तव में निर्देश होता है। Modal {overflow-y: scroll; } कोई विचार नहीं कि यह ऑटो क्यों नहीं है, लेकिन वैसे भी ... –