2011-06-02 6 views
19

CSS3 संक्रमण, परिवर्तन और एनिमेशन अद्भुत हैं। वे और भी अधिक ब्राउज़र अब उनका समर्थन करते हैं।CSS3 संक्रमण और एनिमेशन के लिए ऊंचाई ऑटो पर कोई दृष्टिकोण?

फिर भी एक बात है जो मैं खुद से पूछता हूं: यह निर्धारित नहीं है कि CSS3 संक्रमण और एनिमेशन को ऊंचाई को संभालना चाहिए: ऑटो?

जब हम CSS3 लचीली बॉक्स मॉडल और मीडिया प्रश्नों जैसी चीजों के साथ निश्चित लेआउट से दूर जा रहे हैं तो यह कोई समझ नहीं आता है।

यह एक निश्चित ऊंचाई के साथ एक सीएसएस संक्रमण सेट करने के लिए जावास्क्रिप्ट का उपयोग करने के लिए कोई समझ नहीं आता है।

W3C कभी उस ऊँचाई निर्दिष्ट होगा::

अब मेरे सवाल आता है ऑटो CSS3 के संक्रमण और एनिमेशन के लिए समर्थन किया जाना चाहिए या हम उन्हें इस निर्दिष्ट करने के लिए अनुरोध कर सकते हैं?

+0

@ बोल्टक्लॉक क्या आप जानते हैं कि कौन सी चैनल ऐसी चीजों से पूछना सर्वोत्तम है? – DADU

+0

मैंने अपनी टिप्पणियों को एक उत्तर में बदल दिया क्योंकि वे आपके अंतिम प्रश्न का काफी जवाब देते हैं। – BoltClock

+3

इन अधिकतम ऊंचाई के कामकाज अब चारों ओर जा रहे हैं, सटीक कारण हैं कि ऊंचाई को एनिमेट करने में सक्षम क्यों नहीं: ऑटो डब्ल्यू 3 सी द्वारा किया जाने वाला एक बुरा काम है। मुझे बस यह नहीं लगता कि हमें उस दृष्टिकोण के एक और युग की आवश्यकता है क्योंकि हमारे पास आईई से संबंधित हैक्स लंबे समय तक प्रभुत्व रखते थे। बस कहा, ऑटो में संक्रमण बहुत उपयोगी है और बहुत से लोगों को इसकी आवश्यकता होगी तो ऐसा क्यों नहीं करें। – mystrdat

उत्तर

9

मुझे यकीन नहीं है कि उन्होंने auto मानों के बारे में कुछ भी क्यों नहीं कहा, लेकिन आप उन्हें अपने सार्वजनिक CSS mailing list के माध्यम से पूछने का प्रयास कर सकते हैं। चूंकि संक्रमण और एनीमेशन चश्मा अभी भी ड्राफ्ट काम कर रहे हैं, इसलिए वे इस मामले को हल करने के लिए कुछ बदलावों में टॉस कर सकते हैं। सौभाग्य!

+1

धन्यवाद! उत्सुक है कि मैं वहां क्या प्रस्तावित कर सकता हूं। मैं वर्तमान कार्यान्वयन और इसके बारे में किसी भी दृष्टिकोण के पीछे तर्क के साथ रिपोर्ट कर सकता हूं। – DADU

27

आप के बजाय अधिकतम-ऊंचाई परिवर्तन कर सकते हैं: http://jsfiddle.net/leaverou/zwvNY/

+1

यह एक अद्भुत उपयोगी युक्ति है - कोशिश करने के बारे में नहीं सोचा था! –

+10

धन्यवाद। मुझे पता था कि पहले से ही एक और यह हमेशा एक विकल्प नहीं है। उदाहरण के लिए, आपको वास्तविक ऊंचाई के करीब अधिकतम ऊंचाई निर्धारित करने की आवश्यकता है क्योंकि अन्यथा, आपको एक उल्लेखनीय देरी होगी। – DADU

+0

सहमत हैं, यह आश्चर्यजनक रूप से काम करता है अगर आपके पास तत्व ऊंचाई, चालाक तकनीक में केवल थोड़ी सी भिन्नता है! –

4

मुझे लगता है कि मैं एक समाधान मिल गया है:

http://jsfiddle.net/adambiggs/MAbD3/

मेरे वैकल्पिक हल एक के लिए सटीक सामग्री ऊंचाई को अधिकतम-ऊंचाई संक्रमण के लिए है अच्छी चिकनी एनीमेशन, फिर 9999px पर अधिकतम ऊंचाई सेट करने के लिए एक संक्रमण और कॉलबैक का उपयोग करें ताकि सामग्री स्वतंत्र रूप से आकार बदल सके।

+2

एक बार जब आप इसे करने के लिए कुछ जावास्क्रिप्ट का उपयोग करते हैं, तो आप अधिकतम ऊंचाई "हैक" को स्क्रैप कर सकते हैं और> इसके बजाय ऊंचाई सेट कर सकते हैं। – mystrdat

+0

@adam आपका समाधान एक अच्छा विकल्प प्रतीत होता है! इसे दो बार ऊपर उठाना चाहते हैं। क्या आपने इसके बारे में ब्लॉग पोस्ट लिखा है? – DADU

+0

@mystrdat मैं मानता हूं कि जावास्क्रिप्ट का उपयोग आदर्श नहीं है ... लेकिन यदि आप आसानी से ऊंचाई प्राप्त करते हैं/सेट करते हैं, तो आपको बाद में सामग्री की ऊंचाई को प्रभावित करने वाले किसी भी सामग्री परिवर्तन या विंडो आकार का ट्रैक रखना होगा। इस "हैक" के साथ आपकी सामग्री एनीमेशन के बाद स्वतंत्र रूप से आकार बदल जाएगी। – Adam

संबंधित मुद्दे