2011-09-07 22 views
24

मैं हमारी वेब साइटों में से एक के साथ किसी समस्या का सामना आया:सीएसएस अक्षम स्क्रॉल

IE9 में पेज एक खड़ी स्क्रॉलबार था, लेकिन आप माउसव्हील, तीर कुंजी, PgUp/PgDwn स्क्रॉल करने के लिए उपयोग नहीं कर सका। स्क्रॉल करने का एकमात्र तरीका वास्तव में क्लिक/होल्ड करना था और स्क्रॉलबार को ले जाना था।

{ 
    overflow-x: hidden; 
} 

फिर हमेशा की तरह काम किया स्क्रॉलिंग:

मैं सीएसएस से निम्नलिखित हटा दिया। क्या किसी ने इसे पहले देखा है? ऐसा लगता है कि ओवरफ्लो-एक्स क्षैतिज स्क्रॉल बार को छिपाना चाहिए? यह लंबवत क्यों प्रभावित करेगा?

मैंने इसे एक परीक्षण पृष्ठ पर आजमाया है और यह अपेक्षित कार्य करता है। तो यह चीजों का संयोजन होना चाहिए।

+1

'" * मैंने परीक्षण पृष्ठ पर यह कोशिश की है और यह अपेक्षित कार्य करता है। इसलिए यह चीजों का संयोजन होना चाहिए। " जब तक कि कोई इससे पहले नहीं आया है, हमें * एक परीक्षण पृष्ठ की आवश्यकता है जो समस्या को पुन: उत्पन्न करे। आप या तो साइट पर एक लिंक पोस्ट कर सकते हैं, या पृष्ठ की एक प्रति स्वयं ले सकते हैं और उसे अनामित कर सकते हैं और सभी आवश्यक सीएसएस (और किसी भी जावास्क्रिप्ट * समस्या से संबंधित *) शामिल हैं और इसे [जेएस बिन] पर पोस्ट करें (http: //jsbin.com/)। – thirtydot

+0

माफ़ी, मुझे सामग्री के लिए एक लिंक पोस्ट करने की अनुमति नहीं है (वे केवल सदस्यता हैं)। यह मुख्य रूप से ब्याज से बाहर था, क्योंकि मैंने इस मुद्दे को ठीक करने में कामयाब रहा है, बस मुझे समझ में नहीं आया कि फिक्स क्यों काम करता है। दुर्भाग्य से मैं केवल एक पृष्ठ अपलोड नहीं कर सकता क्योंकि यह ई-लर्निंग सिस्टम का हिस्सा है। – Sheff

उत्तर

14

overflow-x: hidden;
तत्व के बाहर जाने वाले एक्स-अक्ष पर किसी चीज को छिपाएगा, इसलिए क्षैतिज स्क्रॉलबार की आवश्यकता नहीं होगी और इसे हटा दिया जाएगा।

overflow-y: hidden;
y- अक्ष उस तत्व के बाहर चला जाता है पर किसी भी बात को छिपाने के हैं, इसलिए खड़ी स्क्रॉलबार की कोई जरूरत नहीं होगा और यह भी निकल जाते हैं।

overflow: hidden;
दोनों स्क्रॉलबार

+0

क्या यह दूसरी तरफ नहीं है? अतिप्रवाह-वाई लंबवत स्क्रॉलबार को नियंत्रित करता है: http://jsfiddle.net/ddVTk/ – user2019515

37

हटा निम्नलिखित कोड का टुकड़ा का उपयोग करें। यह आपकी समस्या को हल करना चाहिए।

body, html { 
    overflow-x: hidden; 
    overflow-y: auto; 
} 
2

मैं IFRAME का उपयोग किसी अन्य पृष्ठ और सीएसएस ऊपर उल्लेख किया है काम नहीं कर रहा अपेक्षा के अनुरूप से सामग्री डालने के लिए। मुझे पैरामीटर स्क्रॉलिंग = "नहीं" का उपयोग करना है, भले ही मैं HTML 5 Doctype

संबंधित मुद्दे