आकार की स्क्रीन पर

Question

मैं निम्नलिखित शैली के साथ कोशिश कर रहा हूँ अधिकतम ऊँचाई सीएसएस संपत्ति निर्दिष्ट करने के लिए कैसे:

.scrollDiv { 
    height:auto; 
    max-height:100%; 
    overflow:auto; 
} 

मेरे आवश्यकता है:

1. div की max-height स्क्रीन ऊंचाई के बराबर है
2. यदि div में सामग्री स्क्रीन आकार से अधिक है, तो स्क्रॉल बार div में आना चाहिए।

Answer 1

स्क्रॉल बार केवल तब दिखाई देता है जब सामग्री overflown होती है।

यदि आपके आंतरिक div का max-height उसके कंटेनर की ऊंचाई के बराबर है, तो स्क्रॉल बार कभी नहीं दिखाई देगा। यदि आप स्क्रॉल बार देखना चाहते हैं तो इसका उपयोग करें।

.scrollDiv { 
    height:auto; 
    max-height:150%; 
    overflow:auto; 
} 

Answer 2

आप स्क्रीन ऊंचाई के लिए अधिकतम ऊंचाई निर्धारित करने के लिए $(window).height() उपयोग कर सकते हैं:

$('.scrollDiv').css('max-height', $(window).height()); 

Answer 3

इस के लिए उपयोग सीएसएस व्यूपोर्ट इकाइयों।

उदाहरण:

.scrollDiv { 
    max-height: 100vh; 
    overflow: auto; 
} 

और जानकारी: https://www.w3schools.com/cssref/css_units.asp