विंडोज उपयोगकर्ताओं को प्रभावित किए बिना ओएस एक्स पर छिपाने से स्क्रॉलबार को कैसे रोकें?

मेरे पास स्क्रोल करने योग्य div है। ओएस एक्स में, स्क्रॉलबार स्वयं को स्वतः छिपाते हैं, जो हमेशा दिखाई देने वाले स्क्रॉलबार की तुलना में थोड़ा सुंदर है लेकिन कभी-कभी मेरे उपयोगकर्ताओं को भ्रमित करता है। इस मुद्दे पर सामान्य प्रतिक्रिया ::-webkit-scrollbar उपयोग करने के लिए है:विंडोज उपयोगकर्ताओं को प्रभावित किए बिना ओएस एक्स पर छिपाने से स्क्रॉलबार को कैसे रोकें?

इन समाधानों के साथ दिक्कत यह है कि वे भी विंडोज पर क्रोम उपयोगकर्ताओं को प्रभावित है, और मैं चाहता हूँ विंडोज़ पर क्रोम उपयोगकर्ताओं को एक ही स्क्रॉलिंग अनुभव रखने के लिए उनका उपयोग किया जाता है।

क्या स्क्रॉलबार को किसी भी स्क्रॉलबार स्टाइल को बदले बिना ओएस एक्स पर छिपाने से रोकने या मेरे सीएसएस में कुछ जोड़ने के लिए कोई तरीका है ताकि यह केवल मैक उपयोगकर्ताओं को प्रभावित कर सके?

धन्यवाद!

स्रोत

2016-07-24 JSP64

चूंकि आप क्रोम उपयोगकर्ताओं को उनके स्क्रॉलिंग अनुभव को छोड़ना चाहते हैं, इसलिए मैं आपको सलाह देता हूं कि यह ओएस एक्स पर हो। उपयोगकर्ता वहां स्क्रॉलिन भी पसंद करते हैं जी अनुभव का उपयोग किया जाता है, इसलिए यदि आप बस चीजें छोड़ देते हैं तो आप उन्हें एक सेवा कर रहे होंगे। आश्चर्यचकित उपयोगकर्ता खराब यूएक्स निर्णय (ओं) का संकेत हैं। उस ने कहा, यदि आप अभी भी आगे बढ़ने और उपयोगकर्ताओं के पसंदीदा यूआई को ओवरराइड करने के इच्छुक हैं, तो उपयोगकर्ता एजेंट जावास्क्रिप्ट के साथ स्नीफिंग करें - 'मैक' या 'क्रोम' या उपयोगकर्ता एजेंट स्ट्रिंग में जो भी हो - और तदनुसार सीएसएस लागू करें। यदि आप और जानना चाहते हैं, तो मैं विवरण के साथ एक उत्तर पोस्ट कर सकता हूं। – amn

मुझे लगता है कि बस्ट उपयोगकर्ता अनुभव विंडोज और मैक में समान दिखता है। आप इसे इस तरह NanoScroller के रूप में दोनों प्रणालियों में pettier बनाने के लिए एक प्लगइन का उपयोग कर सकते हैं:

आपका HTML:

<head> 
    <link rel="stylesheet" href="nanoscroller.css"> 
</head> 
<body> 
    <!-- Your Element --> 
    <div id="about" class="nano"> 
     <div class="nano-content"> 
      <!-- Your content --> 
     </div> 
    </div> 
    <script src="jquery.js"></script> 
    <script src="nanoscroller.js"></script> 
    <script src="all.js"></script> 
</body>

आपका जे एस (all.js)

$(function(){ 
    // binding nanoScroller. 
    $('.nano').nanoScroller({ alwaysVisible: true }); 
})

पूरे डॉक्टर यहाँ देखें : https://jamesflorentino.github.io/nanoScrollerJS/

स्रोत

2017-05-24 14:12:17

विंडोज उपयोगकर्ताओं को प्रभावित किए बिना ओएस एक्स पर छिपाने से स्क्रॉलबार को कैसे रोकें?

उत्तर

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