2014-09-05 10 views
9

में स्क्रॉलबार दिखाएं क्या स्क्रॉलबार हमेशा मोबाइल ब्राउज़र में दिखाई देने का कोई तरीका है। डिफ़ॉल्ट रूप से एक स्क्रोल करने योग्य पृष्ठ को स्क्रॉल केवल तभी दिखाई देता है जब स्पर्श/स्वाइप हो रहा हो। मैं स्क्रॉलबार हमेशा कैसे दिख सकता हूं?हमेशा आईफोन/एंड्रॉइड

+0

कई मोबाइल ब्राउज़र बिल्कुल स्क्रॉलबार नहीं दिखाते प्रयास करें, जबकि कुछ उन्हें केवल तभी दिखा स्क्रॉल करते हुए। इससे कोई फर्क नहीं पड़ता कि आपने अपने सीएसएस में क्या रखा है, जो चीज आप हासिल करना चाहते हैं वह असंभव हो सकती है। – Richa

+0

@ रिचा आप निश्चित हैं। इसके लिए कोई दस्तावेज है। मैं बस क्लाइंट को दिखा सकता हूं और असंभव कोशिश कर रहा हूं –

+0

क्या आप इसे मोबाइल उपकरणों में केवल सभी मोबाइल ब्राउज़र के लिए चाहते हैं ?? पीसी ब्राउज़र के लिए आप 'html {overflow-y: scroll;} ' – Richa

उत्तर

18

, अपने सीएसएस शैलियों पर इस एक

::-webkit-scrollbar { 
    -webkit-appearance: none; 
} 

::-webkit-scrollbar:vertical { 
    width: 12px; 
} 

::-webkit-scrollbar:horizontal { 
    height: 12px; 
} 

::-webkit-scrollbar-thumb { 
    background-color: rgba(0, 0, 0, .5); 
    border-radius: 10px; 
    border: 2px solid #ffffff; 
} 

::-webkit-scrollbar-track { 
    border-radius: 10px; 
    background-color: #ffffff; 
} 
+0

या इस कोड के साथ एचटीएमएल { अतिप्रवाह: - moz-स्क्रॉलबार खड़ी; ओवरफ्लो-वाई: स्क्रॉल; } काम करना चाहिए – user2169710

+1

यह एंड्रॉइड डिवाइस ब्राउज़र में काम करता है, आईफोन सफारी या आईफोन क्रोम में नहीं। –

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