संभव डुप्लिकेट:
How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?छिपाने स्क्रॉलबार अभी भी जबकि माउस/कुंजीपटल के साथ स्क्रॉल करने के लिए सक्षम
मुझे पता है कि अगर यह स्क्रॉलबार को छिपाने के लिए संभव है चाहता हूँ, स्क्रॉल करते हुए अभी भी सक्षम है माउस/कीबोर्ड के साथ।
मैंने सीएसएस का उपयोग करने की कोशिश की: अतिप्रवाह: छुपा; प्रभाव है, स्क्रॉलबार अक्षम और स्क्रॉलिंग अक्षम।
भविष्य में संदर्भ के लिए वहाँ भी jQuery के बिना एक समाधान है - बस आवरण div शैली है overflow:hidden होते हैं और यह जावास्क्रिप्ट दो लाइनर का उपयोग करें:
// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;
// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";
अद्यतन: स्क्रॉलबार के बिना स्क्रॉल करने योग्य div बनाने के लिए आप उसी सिद्धांत का उपयोग कर सकते हैं: demo।
मूल रूप से नहीं, लेकिन मुझे लगता है कि आप कुछ कीस्ट्रोक को कैप्चर करने के लिए जावास्क्रिप्ट का उपयोग करके अपनी स्क्रॉलिंग तंत्र को कार्यान्वित कर सकते हैं और सीएसएस के अनुसार कंटेनर तत्व को फिर से स्थानांतरित कर सकते हैं। हालांकि, यह बदसूरत होने जा रहा है!
Scrollable नामक एक jQuery प्लगइन है जो आप चाहते हैं।
अच्छा, लेकिन इसके लिए ब्राउज़र और मोबाइल संगतता के बारे में क्या है? –
@ कोकोएकोडर यदि आप सोच रहे हैं तो आप हमेशा विभिन्न ब्राउज़रों और मोबाइल में इसका प्रयास कर सकते हैं ... मैंने आईओएस और आईई 9 पर परीक्षण किया और यह ठीक काम करता है। इस दृष्टिकोण के बारे में कुछ भी हैकी नहीं है, इसलिए यह बहुत पार-संगत होना चाहिए। जब तक मंच स्क्रॉलविड्थ संपत्ति का समर्थन करता है, यह ठीक काम करेगा। – Gavin
ऐसा लगता है कि दुनिया भर के सभी ब्राउज़र इसका समर्थन करते हैं: http://www.w3schools.com/jsref/prop_element_scrollwidth.asp –