दिलचस्प पोस्ट
पायथन में एसएफटीपी? (स्वतंत्र मंच) क्वेरी स्ट्रिंग और एंकर सहित संपूर्ण URL प्राप्त करें जावा में सिंगल और डबल कोट्स के बीच कोई अंतर है? विंडोज फॉर्म के लिए यूआई डिज़ाइन पैटर्न (जैसे एमपीवीएम के लिए एमवीवीएम) अतिप्रवाह क्यों होता है: उभरे हुए तत्वों को रोकने के लिए ऊंचाई में बढ़ने का अप्रत्याशित दुष्प्रभाव छिपा हुआ है? जावा: sun.security.provider.certpath.SunCertPathBuilderException: अनुरोधित लक्ष्य के लिए वैध प्रमाणीकरण पथ खोजने में असमर्थ एचटीटीपीआरएल कनेक्शन के साथ पोस्ट का उपयोग करते हुए फाइलें भेज रहा है ओपनसीवी का इस्तेमाल करते हुए सरल ज्यामितीय आकृतियों को कैसे पता लगाया जाए टीडिंग के लिए पाइपिंग करते समय स्टडआउट के लाइन बफ़रिंग को बल दें मापदंडों को सही ढंग से कैसे पार करें? बाइनरी फ़ाइल पढ़ना और प्रत्येक बाइट पर पाशन करना एक स्ट्रिंग में आउटपुटस्ट्रीम प्राप्त करें विधि हस्ताक्षर में नया कीवर्ड अपलोड करने से पहले फ़ाइल का आकार प्रतिबंधित करने, jQuery का उपयोग करना सूची में बटनों के साथ सूचीकरण में ListItemClick पर आग कैसे करें?

मैं एक ब्राउज़र या तत्व स्क्रॉलबार को अक्षम कैसे कर सकता हूं, लेकिन फिर भी व्हील या तीर कुंजियों के साथ स्क्रॉल करने की अनुमति देता है?

मैं अपने div तत्वों और मेरे पूरे body से किसी स्क्रॉलबार को छिपाना चाहता हूं, लेकिन फिर भी उपयोगकर्ता को माउस व्हील या तीर कुंजियों के साथ स्क्रॉल करने दें। यह कैसे कच्चे जावास्क्रिप्ट या jQuery के साथ हासिल किया जा सकता है? कोई विचार?

वेब के समाधान से एकत्रित समाधान "मैं एक ब्राउज़र या तत्व स्क्रॉलबार को अक्षम कैसे कर सकता हूं, लेकिन फिर भी व्हील या तीर कुंजियों के साथ स्क्रॉल करने की अनुमति देता है?"

पिछले उत्तरों की तरह, आप overflow:hidden उपयोग करेंगे overflow:hidden शरीर / div पर स्क्रॉलबार को अक्षम करने के लिए overflow:hidden

फिर आप mousewheel इवेंट एक समारोह में बाँध लेंगे जो स्क्रॉलिंग के अनुकरण के लिए scrollTop के scrollTop को बदल देगा।

तीर कुंजी के लिए, आप तीर कुंजी को पहचानने के लिए कुंजी scrollLeft ईवेंट को बाँध लेंगे, और फिर स्क्रॉलिंग को अनुकरण के लिए उपयुक्त स्क्रॉल scrollLeft और scrollLeft को बदल दें। (नोट: आप keypress बजाय keydown उपयोग करते हैं क्योंकि आईई तीर कुंजियों के लिए keypress को नहीं पहचानती है।)
संपादित करें: मैं एफएफ / क्रोम को एक keydown पर keydown को पहचानने में असमर्थ हूं, लेकिन यह IE8 में काम करता है। इसकी आवश्यकता के आधार पर, आप keydown पर स्क्रॉल करने के लिए document पर एक keydown श्रोताओं को सेट कर सकते हैं। (एक उदाहरण के रूप में महत्वपूर्ण कोड संदर्भ देखें।)

उदाहरण के लिए, माउस व्हील के साथ स्क्रॉल करना (jQuery और एक म्यूसवेल प्लगइन का प्रयोग करना):

 <div id="example" style="width:300px;height:200px;overflow:hidden"> insert enough text to overflow div here </div> <script> $("#example").bind("mousewheel",function(ev, delta) { var scrollTop = $(this).scrollTop(); $(this).scrollTop(scrollTop-Math.round(delta)); }); </script> 

(यह त्वरित मॉकअप है, आपको मेरे लिए संख्या समायोजित करना होगा, यह थोड़ा धीरे धीरे स्क्रॉल करता है।)

कुंजीकोड संदर्भ
मूसावील प्लगइन
कुंजीडाउन, क्वेशकॉमोड

12/19/2012 को अपडेट करें:

म्यूसवील प्लगइन का अद्यतन स्थान यहां है: https://github.com/brandonaaron/jquery-mousewheel

एक विशुद्ध सीएसएस समाधान के बारे में क्या? मैंने यह परीक्षण किया है और यह ठीक काम करता है। हालांकि, मैं समाधान 3 की सिफारिश करता हूं क्योंकि यह हैक नहीं है, यह जेएस के साथ सभी ब्राउज़रों द्वारा समर्थित है और यह बहुत आसान है।

समाधान 1 (क्रॉस ब्राउज़र लेकिन अधिक हैमी)

 <html> <head> <style type="text/css"> #div {position: fixed; bottom: 60px; left: 20px; right: -20px; padding-right: 40px; top: 80px; background-color: black; color: white; overflow-y: scroll; overflow-x: hidden;} </style> </head> <body> <div id="div"> Scrolling div with hidden scrollbars! On overflow, this div will scroll with the mousewheel but scrollbars won't be visible. </div> </body> </html> 

समाधान 2 (केवल आईई और क्रोम)

बस किसी भी तत्व को स्क्रॉलबार को छिपाना चाहते हैं, nobars वर्ग को जोड़ें।

फ़ायरफ़ॉक्स overflow: -moz-scrollbars-none , एमडीएन के अनुसार , अप्रचलित। यह काम करने के लिए प्रयोग किया जाता था लेकिन अब अतिप्रवाह छुपाता है और उपयोग किए जाने पर स्क्रॉलिंग को अक्षम कर देता है।

 .nobars { /* Firefox: https://developer.mozilla.org/en/docs/Web/CSS/overflow */ /* overflow: -moz-scrollbars-none; (no longer works) */ /* IE: https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx */ -ms-overflow-style: none; } .nobars::-webkit-scrollbar { /* Chrome: https://css-tricks.com/custom-scrollbars-in-webkit/ */ display: none; } 

समाधान 3 (क्रॉस ब्राउज़र जावास्क्रिप्ट)

परफेक्ट स्क्रॉलबार को jQuery की आवश्यकता नहीं है (यद्यपि यह जरिए स्थापित किया गया है तो jQuery का उपयोग कर सकता है) और यहां एक डेमो उपलब्ध है । घटक सीएसएस के साथ स्टाइल किया जा सकता है जैसे निम्न उदाहरण में:

 .ps-scrollbar-y-rail { display: none !important; } 

बिल्कुल सही स्क्रॉलबार के कार्यान्वयन सहित यहां एक पूर्ण उदाहरण है:

 <link rel="stylesheet" href="css/perfect-scrollbar.min.css"> <style> #container { position: relative; /* can be absolute or fixed if required */ height: 200px; /* any value will do */ overflow: scroll; } .ps-scrollbar-y-rail { display: none !important; } </style> <script src='js/perfect-scrollbar.min.js'></script> <div id="container"> Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br>Scrollable<br> </div> <script> // on dom ready... var container = document.getElementById("container"); Ps.initialize(container); //Ps.update(container); //Ps.destroy(container); </script> 

मुझे इस सवाल का डुप्लिकेट प्रदान करने वाले सैमगुडी का उत्तर बहुत पसंद है यह कुछ विशिष्ट इनपुट डिवाइसों के लिए मैन्युअल रूप से पुन: लागू करने की कोशिश करने के बजाय, अक्षांश के मूल प्रभावों को छोड़ देता है:

एक बेहतर समाधान ओवरव्लो में लक्ष्य डिवा को सेट करना है: स्क्रॉल करें, और इसे एक दूसरे तत्व के अंदर लपेटें जो 8px संकुचित हो, जो अतिप्रवाह है: छिपा हुआ।

एक fleshed बाहर उदाहरण के लिए मूल टिप्पणी देखें। आप जावास्क्रिप्ट का इस्तेमाल स्क्रॉलबार का वास्तविक आकार निर्धारित करने के बजाय करना चाहते हैं, यह मानते हुए कि वे हमेशा 8px चौड़े होते हैं क्योंकि उनका उदाहरण है

आप इसे बनाने के लिए jquery या js का उपयोग करने की आवश्यकता नहीं है। सरल वेबकिट के साथ इसके अधिक प्रदर्शनकर्ता

बस नीचे अपने सीएसएस फ़ाइल को कोड जोड़ें।

 ::-webkit-scrollbar { display: none; } 

सावधान ! यह सभी स्क्रॉलबार को अक्षम कर देगा, इसलिए इसे एक विशिष्ट वर्ग या आईडी में रखना सुनिश्चित करें यदि आप केवल एक को छिपाना चाहते हैं

यह मेरे लिए काम करने के लिए, मैं इस सीएसएस का इस्तेमाल किया:

 html { overflow-y: hidden; } 

लेकिन मुझे $(this).scrollTop() का उपयोग करने में समस्याएं थीं, इसलिए मैं अपने #id के लिए बाध्य हुआ, लेकिन scrollTop विंडो के समायोजित किया गया इसके अलावा, मेरी चिकनी स्क्रॉलिंग माउस बहुत से 1 या -1 डेल्टा आग लगाएगा, इसलिए मैंने 20 से गुणा किया।

 $("#example").bind("mousewheel", function (ev, delta) { var scrollTop = $(window).scrollTop(); $(window).scrollTop(scrollTop - Math.round(delta * 20)); }); 

जैसा कि बालद्रानी ने ऊपर कहा

 ::-webkit-scrollbar { display: none; } 

या आप ऐसा कर सकते हैं

 ::-webkit-scrollbar{ width: 0px; } 

(अन्य लोगों के लिए पोस्ट किया गया है जो इस पर गूगल खोज से ठोकर खाई है!)

ठीक है, मेरी राय में शायद सबसे अधिक सहज नहीं, लेकिन मैं सोच सकता हूं कि आप इसे एक अच्छा अनुभव करने में सक्षम हैं, यह कोशिश करें

 overflow:hidden; 

सुनिश्चित करें कि मूल ऑब्जेक्ट की height और width , और block रूप में प्रदर्शित करता block