क्या वास्तव में अंत तक स्क्रॉल किए बिना और इस स्थिति को पढ़ने के बिना, प्रत्येक ब्राउज़र के लिए अधिकतम स्क्रॉल स्थिति निर्धारित करने का कोई तरीका है?मैं विभिन्न लाइन-ऊंचाई और/या पैडिंग के साथ विभिन्न ब्राउज़रों में अधिकतम स्क्रॉल स्थिति कैसे निर्धारित कर सकता हूं?
एक निश्चित ऊंचाई और अतिप्रवाह के साथ एक कंटेनर div लिया। कंटेनर में कई div तत्व जिनके ऊपरी भाग कंटेनर की ऊंचाई अधिक बड़ा है।
एक अधिकतम स्क्रॉल स्थिति (वाई) है जो मैंने सोचा कि केवल कंटेनर-ऊंचाई कुल आइटम-ऊंचाई से कम है। यह तब तक सही लगता है जब तक कंटेनर के line-height
आइटम के height
बड़े होते हैं। यदि ऐसा है, तो ऐसा लगता है कि प्रत्येक ब्राउज़र अधिकतम स्क्रॉल स्थिति को अलग-अलग निर्धारित करता है।
पैडिंग के साथ यह और भी बदतर हो गया, कुछ ब्राउज़र शीर्ष पैडिंग जोड़ते हैं, कुछ ब्राउज़र शीर्ष और नीचे दोनों पैडिंग जोड़ते हैं।
उदाहरण के लिए यह fiddle देखें। कंटेनर लाइन-ऊंचाई और div.item ऊंचाई के साथ खेलें।
सावधान रहें: 'elm.clientHeight' किसी भी W3C विनिर्देश का हिस्सा नहीं है। [एमडीएन संदर्भ] देखें (https://developer.mozilla.org/en-US/docs/Web/API/element.clientHeight?redirectlocale=en-US&redirectslug=DOM%2Felement.clientHeight)। – Simone
@ सिमोन सिर के लिए धन्यवाद। – tiffon
मैंने फ़ायरफ़ॉक्स को 28 के रूप में खोजा है 'elm.scrollTopMax' का समर्थन करता है जो' elm.scrollHeight - elm.clientHeight' के समान नंबर देता है हालांकि यह कहीं भी MDN पर प्रलेखित नहीं है और अन्य ब्राउज़रों में समर्थित नहीं है। –