2013-08-26 6 views
9

में काम नहीं कर रहा है मैंने ट्विटर बूटस्ट्रैप का उपयोग कर एक वेबसाइट लागू की है। साइट के शीर्ष पर मैंने एक नेविगेशन बार का उपयोग किया है, और उसके अंदर एक ड्रॉपडाउन मेनू का उपयोग किया गया है। ड्रॉपडाउन मेनू < उल> और < li> टैग से बना है। मैं उस ड्रॉपडॉन मेनू के अंदर सदस्यों की एक सूची दिखा रहा हूं। जब सदस्य की सूची ड्रॉपडाउन मेनू बढ़ती है क्षैतिज रूप से बढ़ती है, जिसके लिए मैंने ड्रॉपडाउन-मेनू कक्षा में overflow: auto जोड़ा है। अब यह एक लंबवत स्क्रॉल बार दिखा रहा है, और ब्राउज़र में ठीक काम कर रहा है।अतिप्रवाह: ऑटो टच डिवाइस (आईओएस)

लेकिन वही बात आईपैड और अन्य आईओएस उपकरणों में काम नहीं कर रही है। मैंने इसे गुगल किया है और -webkit-overflow-scrolling: touch काम करना चाहिए। लेकिन यह मेरे लिए काम नहीं कर रहा है। कई अन्य समाधान भी मौजूद हैं, लेकिन दुर्भाग्य से मेरे लिए काम नहीं कर रहे हैं।

क्या कोई बेहतर समाधान उपलब्ध है। कुछ भी हो सकता है जो हम स्वयं सीएसएस का उपयोग कर कर सकते हैं।

+0

उपयोग दोनों 'अतिप्रवाह: scroll' और' -webkit-अतिप्रवाह-स्क्रॉलिंग: स्पर्श, '। [कड़ी] (http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/)। और इस लिंक पर एक नज़र डालें [** Barrow.io **] (http://barrow.io/overflow-scrolling) –

+0

हाँ, हर जगह यह लिखा है कि -webkit-overflow-scrolling: touch; काम करना चाहिए, लेकिन यह नहीं पता कि यह मेरे लिए क्यों काम नहीं कर रहा है। – sandeep

+0

'ओवरफ्लो: ऑटो 'के साथ' ओवरफ़्लो: स्क्रॉल 'के साथ उपयोग करें .. –

उत्तर

1

अपने div टैग करने के लिए -webkit-अतिप्रवाह-स्क्रॉलिंग सीएसएस संपत्ति जोड़ें: स्पर्श

+0

मुझे स्क्रॉल बार को < ul > और < li > टैग में प्रदर्शित करना होगा। – sandeep

+0

इसे एक कंटेनर में रखें और सीएसएस में उस संपत्ति को जोड़ें –

+0

यह मेरे लिए काम नहीं कर रहा है – AndrewLeonardi

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