2011-10-04 19 views
8

के लिए शैली स्क्रॉलबार div बदलें मुझे अपनी div शैली की स्क्रॉलबार की शैली आईफोन या नए खोजक ओएसएक्स शेर के समान थी। यह सभी ब्राउज़रों के साथ संगत होना चाहिए। क्या यह संभव है?मेरी साइट

उत्तर

17

वेबकिट ब्राउज़र में स्क्रॉलबार की दिखने के वास्तव में तरीके हैं, सीएसएस के साथ केवल http://css-tricks.com/9130-custom-scrollbars-in-webkit/ वर्तमान में स्क्रॉलबार को एक समान क्रॉस ब्राउज़र उपस्थिति के लिए शैली संभव नहीं है। यह करने के लिए आपको jQuery का सहारा लेना होगा http://www.net-kit.com/jquery-custom-scrollbar-plugins/

+0

यहां एक अच्छा जवाब है कि विवरण क्रॉस-ब्राउज़र स्क्रॉलबार कस्टमाइबिलिटी: http://stackoverflow.com/a/14150577/573634 – Johannes

+0

लिंक अब और काम नहीं करते हैं – HABJAN

0

केवल सीएसएस का उपयोग करके स्क्रॉलबार की धारणा को बदलना एक ऐसी सुविधा है जो केवल आईई में समर्थित है, जहां तक ​​मुझे पता है। हालांकि कुछ स्क्रिप्टिंग (jQuery plugins का उपयोग करके) शामिल हैं जो चाल कर सकते हैं।

2

आप jQuery का उपयोग कर स्क्रॉलबार शैली कर सकते हैं।

http://www.net-kit.com/jquery-custom-scrollbar-plugins/

मुझे लगता है, # कि सूची में 3 iPhone स्क्रॉलबार के समान है। मामूली संशोधन की आवश्यकता हो सकती है।

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