फोनगैप 3.0 - एंड्रॉइड: मूल स्क्रॉलबार दृश्यमान नहीं

Question

मैं वर्तमान में एक स्क्रॉल व्यवहार को एक तीसरे पक्ष के जावास्क्रिप्ट स्क्रॉलिंग लाइब्रेरी से मूल स्क्रॉल में स्क्रॉल व्यवहार में परिवर्तित कर रहा हूं। सब कुछ सुचारू रूप से चला गया है, सिवाय इसके कि एंड्रॉइड संस्करण पर देशी स्क्रॉल कभी स्क्रॉलबार प्रदर्शित नहीं करता है।

स्क्रॉल व्यवहार सही तरीके से काम करता है, लेकिन स्क्रीन पर स्क्रॉल स्थिति के बारे में उपयोगकर्ता फ़ीडबैक देने के लिए कोई स्क्रॉलबार प्रदर्शित नहीं होता है।

मुझे संदेह है कि यह किसी प्रकार की कॉन्फ़िगरेशन या सीएसएस समस्या है, लेकिन मैंने सीएसएस और अन्य एंड्रॉइड कॉन्फ़िगरेशन फ़ाइलों जैसे मैनिफेस्ट और गतिविधि फ़ाइलों को संशोधित करने का प्रयास नहीं किया है।

मैं फोनगैप एंड्रॉइड पर देशी स्क्रॉल का उपयोग करके एक दृश्यमान स्क्रॉलबार कैसे सक्षम करूं?

नोट: मैं किसी तृतीय पक्ष स्क्रॉलिंग समाधान (जैसे iScroll) में रूचि रखता हूं। एंड्रॉइड पर दृश्यमान स्क्रॉलबार समस्या के अपवाद के साथ iScroll से रूपांतरण पहले ही 90% किया गया है।

Answer 1

मैं वेबकिट स्क्रॉलबार सीएसएस का उपयोग करके इसे स्वयं पूरा करने में सक्षम था जो केवल एंड्रॉइड पर लागू होता है। ,

.android-scroll-bar ::-webkit-scrollbar {width: 5px;} 

.android-scroll-bar ::-webkit-scrollbar-track { border-radius: 10px;} 

.android-scroll-bar ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(169,169,169); } 

.android-scroll-bar ::-webkit-scrollbar-thumb:window-inactive {background: rgb(128,128,128); } 

Answer 2

मैं कैसे विंडोज अनुप्रयोग के लिए स्क्रॉल पट्टी में जोड़ सकते हैं क्योंकि निम्नलिखित कोड है: मैं

$('html').addClass('android-scroll-bar'); 

यहाँ आवश्यक सीएसएस है का उपयोग करके Android पर पृष्ठ के लिए android-स्क्रॉल-बार वर्ग को जोड़ने विंडोज अनुप्रयोग में काम नहीं (Phonegap)

android-scroll-bar ::-webkit-scrollbar {width: 5px;} 
 

 
.android-scroll-bar ::-webkit-scrollbar-track { border-radius: 10px;} 
 

 
.android-scroll-bar ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(169,169,169); } 
 

 
.android-scroll-bar ::-webkit-scrollbar-thumb:window-inactive {background: rgb(128,128,128); }