स्टाइलिंग ब्राउज़र स्क्रॉलबार

Question

मैंने इस साल पहले देखा था, लेकिन चूंकि इसे व्यापक रूप से समर्थित नहीं किया गया था, इसलिए वेबसाइट इसका उपयोग छोड़ रही है।

मैं वर्तमान में एक वेबसाइट तैयार कर रहा हूं जिसमें डिजाइन के अंदर स्क्रॉलबार होंगे और यह सोचकर कि सीएसएस 2 के पास ब्राउज़र स्क्रॉलबार स्टाइलिंग पर कोई विनिर्देश है या नहीं, क्योंकि डिफ़ॉल्ट रंग फिट नहीं होते हैं। यदि कोई विनिर्देश नहीं है, तो विशिष्ट ब्राउज़र व्यवहार के किसी भी संदर्भ की सराहना की जाएगी।

यदि इस पर कोई सीएसएस विनिर्देश नहीं है, तो मुझे जेएस का उपयोग कर एक कस्टम जेनरेट स्क्रॉलबार पर भरोसा करना होगा। एक बनाने के तरीके पर संदर्भों की भी सराहना की जाती है।

Answer 1

ऐसा JavaScript समाधान http://www.hesido.com/web.php?page=customscrollbar में पाया जा सकता के साथ सावधान रहना चाहिए। ध्यान दें कि आपको इसके लिए भुगतान करना होगा, लेकिन अगर आप उस मार्ग पर नहीं जाना चाहते हैं तो यह दिखाता है कि क्या संभव है।

अन्यथा jQuery solution और Prototype solution भी उपलब्ध हैं।

Answer 2

आप इस तरह यह कर सकते हैं:

<style> 
body { 
    scrollbar-face-color: #000000; 
    scrollbar-highlight-color: #000000; 
    scrollbar-shadow-color: #000000; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-arrow-color: #000000; 
    scrollbar-track-color: #000000; 
    scrollbar-darkshadow-color: #000000; 
} 
</style> 

लेकिन यह केवल इंटरनेट एक्सप्लोरर और ओपेरा में काम करता है (धन्यवाद, जुलिएन!)। और आप विभिन्न रंगों का उपयोग करना चाह सकते हैं। 8-)

Answer 3

वेबकिट another mechanism का समर्थन करता है।

Answer 4

मैं this thread से अपने आप को बोली, क्योंकि यह संबंधित है:

देखने के एक प्रयोज्य बिंदु से, स्क्रॉल बार बदलते नो-जाना है। उपयोगकर्ता अपने ऑपरेटिंग सिस्टम और दृश्य वातावरण से परिचित है। इसे बदलने से भ्रम पैदा होता है, खासतौर पर उन लोगों में जो कंप्यूटर, बूढ़े लोगों आदि का उपयोग करने के लिए नए हैं

आज के अधिकांश उपयोगकर्ता शायद स्क्रॉल बार को तब तक पहचानेंगे जब तक कि इसका मूल आकार हो - और कई लोग इसका उपयोग भी नहीं करेंगे बार स्वयं, लेकिन माउस पर स्क्रॉल व्हील।

हालांकि अभी भी इसके बारे में सोचना एक बात है। अपने दर्शकों पर विचार करें। और यदि आप कस्टम स्क्रॉल बार का उपयोग करते हैं तो आप जो कुछ भी करते हैं, सुनिश्चित करें कि यह वास्तव में सभी प्लेटफ़ॉर्म/सभी ब्राउज़रों पर काम करता है।

Answer 5

कई ब्राउज़र स्क्रॉलबार को स्टाइल करने के कुछ प्रकार का समर्थन करते हैं, लेकिन इसका कुछ भी सीएसएस में मानकीकृत नहीं है।

भी, के रूप में Arve systad कहा, ओएस के इस तरह के बुनियादी विगेट्स बदल रहा है नो-गो-हालांकि एक बटन तो बदलते भी

Answer 6

मुझे इन समाधानों को आजमाने के लिए चारों ओर नहीं मिला है, लेकिन वे बहुत ही आशाजनक दिखते हैं और दावा किया जाता है कि वे अच्छी तरह से गिरावट कर रहे हैं।

यह मेरा पहला विकल्प होगा
http://www.hesido.com/web.php?page=customscrollbar

http://www.n-son.com/scripts/jsScrolling/new/example5.html