2016-01-01 7 views
11

मैं स्क्रॉल पट्टी jQuery-मोबाइल में दिखाने के लिए यह सीएसएस कोड का उपयोग:JQuery मोबाइल स्क्रॉलबार

::-webkit-scrollbar { 
    -webkit-appearance: none; 
} 
::-webkit-scrollbar:vertical { 
    width: 12px; 
} 
::-webkit-scrollbar:horizontal { 
    height: 12px; 
} 
::-webkit-scrollbar-thumb { 
    background-color:#CE0003; 
    border-radius: 10px; 
} 
::-webkit-scrollbar-track { 
    border-radius: 10px; 
    background-color: grey; 
} 

जब मैं मोबाइल के साथ स्क्रॉल पट्टी दिखाई दे, लेकिन उस पर स्वाइप, काम नहीं कर रहा है पृष्ठ को खोलने के (यह पृष्ठ को स्क्रॉल नहीं करेगा)। मैं इस समस्या को कैसे हल कर सकता हूं?
आप इसे इस fiddle 1

अद्यतन में देख सकते हैं:
आप इसे इस तरह से करने के लिए असंभव लगता है, वहाँ jQuery का उपयोग कर एक और तरीका बताया है।
इस ffidle 2 में आप देख सकते एक समारोह में लिखा गया है कि जो पता लगाता नीचे और कड़ी चोट अप एक div पर कड़ी चोट। अब इसे केवल उस फ़ंक्शन की आवश्यकता है जो पृष्ठ को स्क्रॉल करता है।

+0

मोबाइल उपकरणों पर स्क्रॉल बार के बारे में आपको परेशान क्यों हैं? संपूर्ण बिंदु यह है कि स्वाइप करना स्वाभाविक है - स्क्रॉल बार हमारे लिए औसत आकार के हाथों/अंगुलियों के साथ किसी भी तरह का उपयोग करने के लिए बहुत छोटे हैं –

+0

@ डैरेन स्वीनी मैं एक एप्लिकेशन का उपयोग कर रहा हूं जो मुझे एक HTML फ़ाइल देता है और मुझे इसे शामिल करना होगा