सीएसएस स्क्रॉलबार को प्रदर्शित करने के लिए ब्राउज़र को मजबूर करने के लिए

Question

मैंने एक वेब एप्लिकेशन लिखा है और पाया है कि जब मैं पृष्ठ का आकार बदलता हूं, तो ब्राउज़र खिड़की के रूप में अपनी स्क्रॉलबार प्रदर्शित नहीं करता है। यह उपयोगकर्ता को सामग्री तक पहुंचने से रोकता है। मैंने अपने शरीर की चौड़ाई 500px पर सेट की है और navbar को white-space:nowrap पर सेट किया है। ब्राउजर को यह पहचानने के लिए कैसे मिल सकता है कि स्क्रीन के दाईं ओर सामग्री है?

बस स्पष्ट करने के लिए कि मैं ब्राउज़र की स्क्रॉलबार चाहता हूं और किसी भी नियंत्रण पर स्क्रॉल बार नहीं चाहता हूं।

Answer 1

आप क्षैतिज चाहते हैं पर निर्भर करता है निम्न में से एक का उपयोग कर सकते , खड़ी, या दोनों स्क्रॉलबार जोड़े जाने के लिए:

body {overflow-x:scroll;} 
body {overflow-y:scroll;} 
body {overflow:scroll;} 

हालांकि, मुझे लगता है कि अगर आप के रूप में में सामग्री को दिखाने ection और उसके बाद करना

#id-of_your_div {overflow:scroll;} 

ताकि तुम div करने के लिए स्क्रॉल जोड़ने के बजाय ब्राउज़र स्क्रॉलबार को दिखाने के लिए मजबूर है, तो अपने पेज के बाद से इस तरह के स्क्रॉलबार उन का उपयोग करने में आसान हैं और बेहतर उपयोगकर्ता अनुभव प्रदान करेगा।

Answer 2

आप जिस दिशा और तत्व को स्क्रॉल करने योग्य चाहते हैं उसके आधार पर आप शरीर/तत्व की ऊंचाई या चौड़ाई 100.1% पर सेट कर सकते हैं।

Answer 3

चौड़ाई के साथ खेलने के बजाए, इस उद्देश्य के लिए इच्छित कोड का उपयोग करें। निम्न सीएसएस एक स्क्रॉल-बार को पेश करने के लिए मजबूर करेगा चाहे वह आवश्यक है या नहीं।

दोनों स्क्रॉल सलाखों के लिए

...

body { 
    overflow: scroll; 
} 

या सिर्फ एक क्षैतिज स्क्रॉल बार के लिए ...

body { 
    overflow-x: scroll; 
}