दिलचस्प पोस्ट
मैं किसी अन्य के मूल्यों के आधार पर एक वेक्टर को किस प्रकार सॉर्ट करूँ? पीडीओ तैयार बयान से कच्चे एसक्यूएल क्वेरी स्ट्रिंग प्राप्त करना कीबोर्ड को खारिज करने का आसान तरीका? जावास्क्रिप्ट में एक तिथि से दिन घटाएं आईओएस 6 यूडीआईडी ​​- पहचानकर्ता के लिए कौन-कौन से फायदे पहचानकर्ता से अधिक हैं? PHP: मक्खी पर पहुँच सरणी मान कैसे एक साधारण ईमेल programatically भेजने के लिए? (यह करने का एक आसान तरीका है?) जावा: चेक किए गए अनचेक अपवाद स्पष्टीकरण बनाम StringBuilder क्यों स्ट्रिंग है जब? xlwt का उपयोग करते हुए मौजूदा कार्यपुस्तिका को लिखना जावास्क्रिप्ट में आईडी द्वारा संदर्भ ASP.NET नियंत्रण? नया JSON डेटा के साथ डेटाटेबल तालिका मैन्युअल रूप से कैसे अपडेट करें जावास्क्रिप्ट के साथ सुंदर प्रिंटिंग एक्सएमएल जीएचसीआई में मल्टी-लाइन कमांड डेटाग्रिड दृश्य को सभी कोशिकाओं के प्रारूप के साथ एक्सेल में निर्यात करें

मुख्य स्क्रॉलबार को हमेशा दृश्यमान बनाना

जब कोई उपयोगकर्ता एक वेब पेज पर जाता है (जब पृष्ठ में स्क्रॉलबार के सक्रियण को ट्रिगर करने के लिए पर्याप्त सामग्री नहीं है) ब्राउज़र की ऊर्ध्वाधर स्क्रॉलबार को बनाए रखने के लिए सीएसएस की आवश्यकता होती है?

वेब के समाधान से एकत्रित समाधान "मुख्य स्क्रॉलबार को हमेशा दृश्यमान बनाना"

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } 

यह स्क्रॉलबार हमेशा दिखाई देता है और केवल तब ही सक्रिय होता है जब आवश्यक हो।

अद्यतन: अगर उपरोक्त काम केवल इतना ही हो सकता है कि यह संभव हो।

 html { overflow-y:scroll; } 
 html { overflow-y: scroll; } 

क्या तुम यही चाहते हो?

दुर्भाग्य से, ओपेरा 9.64 को HTML या BODY लागू होने पर सीएसएस घोषणा को नजरअंदाज करना पड़ता है, हालांकि यह DIV जैसे अन्य ब्लॉक-स्तरीय तत्वों के लिए काम करता है।

पिछले वर्षों में चीजें बदल गई हैं ऊपर दिए गए उत्तर सभी मामलों में और अधिक मान्य नहीं हैं। ऐप्पल हर जगह स्क्रॉलबर्स गायब हो रही है। सफ़ारी, क्रोम और मैक ओएस पर फ़ायरफ़ॉक्स (और आईओएस) केवल स्क्रॉलबार दिखाते हैं जब वास्तव में स्क्रॉल करना – मुझे वर्तमान विंडोज़ / आईई के बारे में पता नहीं है हालांकि वेबकिट पर स्टाइल स्क्रॉल सलाखों के गैर-मानक तरीके हैं (IE ने बहुत समय पहले गिरा दिया)।

सुनिश्चित करें कि अतिप्रवाह "स्क्रॉल" पर सेट नहीं है "ऑटो"। उस ओएस एक्स शेर में, "स्क्रॉल" करने के लिए अतिप्रवाह सेट में उस स्क्रॉलबार में ऑटो की तरह अधिक व्यवहार किया जाता है, फिर भी केवल तब दिखाएगा जब इस्तेमाल किया जा रहा है इसलिए यदि ऊपर दिए गए समाधान काम नहीं करते हैं, तो ऐसा क्यों हो सकता है

आपको इसे ठीक करने की आवश्यकता होगी:

 ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); } 

यदि आप डिफ़ॉल्ट पसंद नहीं करते हैं, तो आप उसे तदनुसार शैली दे सकते हैं

 html {height: 101%;} 

मैं इस क्रॉस ब्राउज़र समाधान का उपयोग करता हूं (ध्यान दें: मैं हमेशा 1 लाइन में DOCTYPE घोषणा का उपयोग करता हूं, मुझे नहीं पता कि यह क्विर्क्समोद में काम करता है, कभी भी इसका परीक्षण नहीं किया गया है )।

यह प्रत्येक पृष्ठ में हमेशा एक सक्रिय लंबवत स्क्रॉल बार दिखाएगा , ऊर्ध्वाधर स्क्रॉलबार केवल कुछ पिक्सल के स्क्रॉल करने योग्य होंगे

जब पृष्ठ की सामग्री ब्राउज़र के दृश्य क्षेत्र (देखें पोर्ट) से कम है, तो आप अभी भी ऊर्ध्वाधर स्क्रॉलबार सक्रिय देखेंगे, और यह केवल कुछ पिक्सल के स्क्रॉल करने योग्य होगा

अगर आप इस समाधान का उपयोग करके सीएसएस सत्यापन (मैं सिर्फ एचटीएमएल वैधीकरण के साथ ओब्सस कर रहा हूँ) के साथ ग्रस्त हूं तो आपका सीएसएस कोड भी डब्लू 3 सी के लिए मान्य होगा क्योंकि आप गैर-मानक सीएसएस गुणों जैसे -moz-scrollbars-vertical का उपयोग नहीं कर रहे हैं

body { height:101%; } body { height:101%; } "क्रॉप" बड़ा पेज होगा

इसके बजाय, मैं इसका उपयोग करता हूं:

 body { min-height:101%; } 

एक वैकल्पिक दृष्टिकोण, HTML तत्व की चौड़ाई को 100vw में सेट करना है। कई ब्राउज़रों पर, यदि यह चौड़ाई पर स्क्रॉलबार के प्रभाव को नकार देता है।

 html { width: 100vw; } 

शरीर की ऊंचाई बनाने की कोशिश करें: 101% मेरी राय में सबसे अच्छा समाधान है

 body {height:101%; } 

मैं इसे शरीर टैग में जोड़कर काम करने में सक्षम था। मेरे लिए अच्छा था क्योंकि मेरे पास एचटीएमएल तत्व पर कुछ भी नहीं है।

 body { overflow-y: scroll; } 

इस कोड को अपने सीएसएस स्टाइलशीट में जोड़ें:

 html {overflow-y: scroll;} 

यही सब है इसके लिए !

101% की ऊंचाई तय करना इस समस्या का समाधान है। व्यूपोर्ट की ऊँचाई और उन लोगों के बीच स्विच करने पर, जब आप पृष्ठ नहीं करते हैं, तब आप पृष्ठों को 'फ़्लिक' नहीं करेंगे।