javascript - CSS webkit overflow hidden and HTML element height -

test2.html अपेक्षित व्यवहार है हालांकि, यह test.html सीएसएस <कोड> निकाय {अतिप्रवाह: छिपी हुई}} लागू नहीं करता है। बाद में वेककिट को ओवरस्क्रोलिंग से रोकने के लिए आवश्यक है।

मूलतः, मुझे डॉम चौड़ाई और ऊंचाई में एक तत्व के साथ वेबकीट ओवरस्क्रोलिंग अक्षम के साथ एक पृष्ठ की आवश्यकता है 100% (100% अर्थ विंडो आकार) और अतिप्रवाह- y: स्क्रॉल । एकमात्र समाधान जो मैं समझता हूं कि जावास्क्रिप्ट का उपयोग करने के लिए निश्चित ऊंचाई को या लपेटन तत्व को देना है। हालांकि, अधिमानतः मैं ऐसे समाधान की तलाश कर रहा हूं जो JS शामिल नहीं करता है।

आपको < कोड> ऊँचाई: 100%; पर html और body अन्यथा वे दृश्य विंडो आकार की तुलना में अधिक बड़ा हो जाएगा।

डेमो:

  html, body {height: 100%; }