div

Question

पर केवल एक लंबवत स्क्रॉल बार कैसे है मेरे पास एक तालिका है जो एक div में है। तालिका की लंबाई भिन्न हो सकती है और मैं ऊंचाई को लागू करने के लिए div का उपयोग करता हूं।

<div id='CamListDiv'> 
<table> 
    <thead> 
     <th><input type='checkbox' id='selectAll'/></th> 
     <th>Local Camera List</th> 
    </thead> 
    <tbody> 
     <tr><td>//camera 1 data //</td></tr> 
     <tr><td>...</td></tr> 
     <tr><td>//camera x data //</td></tr> 
    </tbody> 
</table> 
</div> 

CSS 
#CamListDiv { 
    height: 340px; 
    float: left; 
    overflow: auto; 
    overflow-y: hidden; 
} 

मेरे समस्या है जब खड़ी स्क्रॉलबार की जरूरत है, अंतरिक्ष यह पर एक क्षैतिज स्क्रॉलबार प्रकट करने के लिए कारण बनता है। मुझे क्षैतिज स्क्रॉलबार की आवश्यकता नहीं है और मैंने इसे छिपाने के लिए overflow-y: hidden; सीएसएस प्रॉपर्टी का उपयोग करने की कोशिश की लेकिन इससे स्क्रॉलबार छुपाए जाने का कारण बनता है।

क्या किसी को पता है कि क्यों overflow-y:hidden; अपेक्षित काम नहीं कर रहा है या क्षैतिज स्क्रॉलबार को दिखाई देने से कैसे रोकें?

Answer 1

आप ऊर्ध्वाधर स्क्रॉलबार छुपा रहे हैं, न कि क्षैतिज।

बदलें overflow-y: hidden;overflow-x: hidden;

---

को उसके बारे में यहां quick demo

मैं जोड़ दिया है सामग्री ऊंचाई श्रेष्ठ है, और एक चौड़ाई से अधिक 340px #CamListDiv अंदर के साथ एक div। सामग्री केवल लंबवत स्क्रॉल करने योग्य है।

Answer 2

आप ओवरफ्लो-y जो सीएसएस 2 में आता है का उपयोग करें, here

Answer 3

वैसे अतिप्रवाह-y संपत्ति IE8 में ठीक से काम नहीं करता है और पहले देख सकते हैं। http://www.w3schools.com/cssref/css3_pr_overflow-y.asp

एक शैली = सेट करने का प्रयास "चौड़ाई: 100%;" div के अंदर की मेज पर, जो क्षैतिज पट्टी को छिपाना चाहिए क्योंकि यह इसके कंटेनर से बड़ा नहीं होगा।