बूटस्ट्रैप मोडल खुला होने पर पृष्ठभूमि स्क्रॉल को कैसे रोकें

Question

मैं बूटस्ट्रैप v3.0.2 का उपयोग कर रहा हूं। एक मोडल खुला होने पर पृष्ठभूमि स्क्रॉलिंग को अक्षम करना चाहते हैं। मैंने कोशिश की:

.modal-open { 
    overflow: hidden; 
} 

लेकिन यह काम नहीं कर रहा है। मैंने पाया इस समस्या का समाधान है:

.modal-open { 
    overflow: hidden; 
    position:fixed; 
    width: 100%; 
} 

लेकिन position: fixed; क्रोम (100% से कम दृश्य) में पृष्ठ के तल पर एक अतिरिक्त सफेद-अंतरिक्ष पैदा कर रहा है और यह भी बड़े डिस्प्ले के लिए (100% ध्यान में रखते हुए) मोडल खोलने और बंद करते समय। मैं इससे छुटकारा कैसे पाऊं? (मेरे मोडल में स्क्रॉल-सक्षम फ़ील्ड हैं)

Answer 1

.modal-open संपूर्ण स्क्रीन फिट करने के लिए height: 100% का उपयोग करें। अंततः का उपयोग

top: 0; 
left: 0; 
right: 0; 
bottom: 0; 

Answer 2

मैं एक ऐसी ही समस्या थी, मेरे मामले में समाधान सिर्फ पॉपअप अद्यतन करने के लिए था

$ ('# modalWindow') मोडल ('handleUpdate')।

मेरे कार्यप्रवाह

$ ('# modalWindow') मोडल()।;

$ .ajax ({

....

सफलता: समारोह (एचटीएमएल) {

$("#modalWindowContent").html(html); 

// great, but height of popup window was changed, let's update it 

$('#modalWindow').modal('handleUpdate'); 

}

});

Answer 3

शायद किसी और को यह उपयोगी लगेगा। मेरे लिए किसी कारण से मोडल-बैकड्रॉप (फीका पृष्ठभूमि) मोडल के साथ एक साथ स्क्रॉल कर रहा था। अंत में पाया गया कि इसे पुन: उत्पन्न करने का एकमात्र तरीका मैकबुक (मैवरिक्स/योसमेट) पर अंतर्निहित स्क्रीन पर था। यदि मैं क्रोम (v44) विंडो को अन्य मॉनीटर पर ले जाऊंगा, तो मोडल स्क्रॉल करते समय पृष्ठभूमि फीका आगे बढ़ना बंद कर देगा।

Answer 4

बैठाना किसी को भी यह अभी भी, बस का उपयोग

.modal-open { 
    overflow: hidden !important; 
} 

संपादित होने: पता नहीं क्यों अपने de-मतदान है, लेकिन यह है कि क्या स्क्रॉल के बारे में मेरी समस्या का समाधान हो सकता है।