HTML/CSS: स्क्रॉल पट्टी HTML तत्वों

Question

क्रोम और सफारी में नीचे दिखाई देता है, ऊर्ध्वाधर स्क्रॉल पट्टी पृष्ठ पर HTML सामग्री के नीचे दिखाई देता है, तो जैसे:

मैं ::-webkit-scrollbar साथ fiddled, लेकिन करीबी मैं स्क्रॉल बार चौड़ाई 0px में बदल सकता था। उस खंड का div है:

.displayContent { min-width:620px; width:100%; height:auto; overflow:hidden; } 

यह सफारी (लेकिन आईओएस पर मोबाइल सफारी नहीं) और क्रोम में होता है। फ़ायरफ़ॉक्स ठीक है। मैंने ओवरफ्लो के साथ भी झुकाव की कोशिश की, लेकिन मुझे जो परिणाम चाहिए वो नहीं मिल सका।

सुझाव?

Answer 1

इस प्रयास करें -

html, body { 
    height:100%; 
    width:100%; 
    overflow:auto; 
} 

Answer 2

एक ऐसी ही समस्या थी।

समस्या html में है {}

आप इस

html { 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
} 

स्क्रॉलबार apears पर ओवरले प्रभाव से की तरह कुछ का उपयोग करते हैं। एचटीएमएल के लिए स्टाइल पर ओवरफ्लो निकालें और इसे बॉडी स्टाइल में डालें और इसे काम करना चाहिए।