मोबाइल ब्राउज़र में स्क्रॉलबार प्रदर्शित करना

यह प्रश्न "ओवरफ़्लो: ऑटो" या "का उपयोग करते समय मोबाइल ब्राउज़र में छिपे स्क्रॉलबार के मुद्दे पर केंद्रित है स्क्रॉल करने योग्य सामग्री पर अतिप्रवाह: दृश्यमान। जबकि स्क्रॉलबार डेस्कटॉप ब्राउज़र पर दिखाई देता है, यह मोबाइल उपकरणों पर गायब हो जाता है जब तक कि सक्रिय रूप से स्क्रॉल न किया जाए।

इस समस्या को हल करने के लिए, आप निम्नलिखित कोड को शामिल करने के लिए अपने सीएसएस को संशोधित कर सकते हैं, जो वेबकिट ब्राउज़र इंजन के लिए विशिष्ट है:

::-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;
}

यह कोड स्क्रॉलबार की उपस्थिति को परिभाषित करता है, जिसमें इसकी चौड़ाई, ऊंचाई, अंगूठे का रंग और ट्रैक का रंग शामिल है। इन गुणों को अनुकूलित करके, आप स्क्रॉलबार को स्क्रॉल करने से पहले भी मोबाइल उपकरणों पर हमेशा दृश्यमान बना सकते हैं।